Hydrogen Theme

A port of Hydrogen's default template to Shopify OS 2.0.

🔨 Requirements

• Node.js (latest LTS version)
• pnpm
• Shopify CLI

🚀 Project Structure

This theme leverages the default Shopify theme folder structure and introduces the following directories, some of which have special behaviors.

└── hydrogen-theme
    └── frontend
        ├── entrypoints
        ├── islands
        ├── lib
        └── styles

🧞 Commands

🏝️ Hydration Directives

The following hydration strategies are available (borrowed from Astro).

Usage:

<my-component client:visible>This is an island.</my-component>

🙇‍♂️ Thanks

We would like to specifically thank the following projects for the inspiration and help regarding the creation of hydrogen-theme:

• vite-plugin-shopify
• hydrogen
• dawn
• astro