Prerequisites

Overview

Before diving into Weaverse Hydrogen development, ensure your system meets these essential requirements. This comprehensive checklist will help you establish a robust foundation for your project.

Initial Setup

To begin developing with Weaverse Hydrogen themes, complete these preliminary steps:

1. Install the Weaverse app from the Shopify app store
2. Create a new project in Weaverse
3. Select a Weaverse Hydrogen starter theme:
   • Pilot - A versatile, modern theme
   • Naturelle - An elegant, nature-inspired design

Note: More themes will be available soon through our upcoming theme marketplace.

Need help with setup? Refer to our Getting Started guide.

Shopify Requirements

Essential Shopify components:

• A Basic Shopify plan or higher to access the Shopify Hydrogen app
• Working knowledge of Shopify app and theme development

Development Environment

Ensure your system has:

• Node.js: Version 18.x or higher (Download here)
• npm: Version 10.x or higher (included with Node.js)

Browser Support

For optimal development and testing, use the latest versions of these Chrome-based browsers:

• Google Chrome
• Microsoft Edge
• Arc

Development Tools

Recommended IDE:

Visual Studio Code (VSCode)

• Industry-standard code editor
• Rich extension ecosystem
• Install the EditorConfig extension for consistent code formatting

Next Steps

With your development environment configured, you're ready to explore Weaverse Hydrogen theme development. Continue to the Weaverse Hydrogen Project Structure guide to begin building your theme.