Skills
.Work. You
Rest

headless-hydrogen

Community

Build headless Shopify storefronts.

Software Engineering#react#headless#shopify#hydrogen#oxygen#storefront api
Authordragnoir
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables developers to build custom, high-performance headless Shopify storefronts using the Hydrogen framework and deploy them seamlessly on Oxygen.

Core Features & Use Cases

  • Headless Storefront Development: Create custom React-based storefronts.
  • Hydrogen Framework: Utilize pre-built components and routing for rapid development.
  • Oxygen Deployment: Deploy storefronts to Shopify's global edge hosting.
  • Storefront API Integration: Fetch and manage e-commerce data.
  • BYOS (Bring Your Own Stack): Integrate Shopify with custom tech stacks.

Quick Start

Create a new Hydrogen project by running npm create @shopify/hydrogen@latest in your terminal.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: headless-hydrogen
Download link: https://github.com/dragnoir/Shopify-agent-skills/archive/main.zip#headless-hydrogen

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.