Overview
For a fluid and effective development journey with Weaverse Hydrogen, meeting specific system prerequisites is essential. This checklist is designed to help you prepare adequately and start your project on a strong foundation.
Initial Setup
Before embarking on your adventure with Weaverse Hydrogen theme development, ensure that you have:
-
Successfully installed the Weaverse app from the Shopify app store.
-
Initiated a new project in Weaverse.
-
Acquired the Weaverse Hydrogen starter theme. Choose between the two free starter themes we currently offer: Pilot and Naturelle. Stay tuned for more themes and the launch of our exclusive theme marketplace.
Missed a step? Circle back to our Getting Started guide for guidance.
Shopify Essentials
Your toolbox should include:
-
Shopify Account: A Basic Shopify account (or better) is a prerequisite for using the Shopify Hydrogen app.
-
Foundational Knowledge: A comfortable grasp of Shopify app and theme development is beneficial.
Node.js and npm
Your development environment should be equipped with:
-
Node.js: Version
18.xor above is required. You can download it from the Node.js official website. -
npm (Node Package Manager): Typically comes with Node.js. Make sure it's version
10.xor later.
Web Browsers
To optimize your development and testing experience, we recommend using the latest versions of the following Chrome-based browsers:
-
Google Chrome
-
Microsoft Edge
-
Arc
Integrated Development Environment (IDE)
Our suggestion for a seamless coding experience:
- Visual Studio Code (VSCode): A popular choice among developers, VSCode boasts a plethora of extensions and a supportive community. Enhance your Weaverse development with the EditorConfig extension.
Conclusion
Now that your environment is primed, you're ready to dive into Weaverse Hydrogen theme development. Up next, delve into the Weaverse Hydrogen Project Structure to further your journey.