Logo
  1. Docs
  2. Build a Weaverse Hydrogen Theme

Prerequisites

Published on Nov 20, 2023, updated 2 months ago

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.x or 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.x or 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.


Was this article helpful?