Weaverse Shopify Hydrogen equips developers with end-to-end guidance and patterns for developing custom, high-performance headless Shopify storefronts. It streamlines the creation of drag-and-drop editable sections by generating type-safe React 19 and React Router v7 components paired with Weaverse schemas and server loaders. Whether initializing a new storefront, setting up global design tokens, fetching Shopify Storefront API data, or configuring Content Security Policies, this skill ensures best practices across the entire Weaverse and Hydrogen ecosystem.
主要功能
01Generates type-safe React sections with createSchema configurations for Weaverse Studio
02Provides setup patterns for React Router v7 routes and server load context
03Configures global theming with Tailwind CSS, CVA, and dynamic CSS variables
04Includes live Weaverse documentation search and retrieval scripts
05Implements server-side component loaders for Shopify Storefront API queries
0687 GitHub stars
使用场景
01Migrating or upgrading Shopify Hydrogen storefronts to React Router v7 and React 19
02Building reusable drag-and-drop section components for merchant editing in Shopify Hydrogen
03Integrating Storefront GraphQL queries into section loaders with automated cache management