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.
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.
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.
Your development environment should be equipped with:
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
To optimize your development and testing experience, we recommend using the latest versions of the following Chrome-based browsers:
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.
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.