Hydrogen Skeleton Shadcn

Accelerate Headless Shopify Development with Hydrogen, Shadcn & Radix UI

This Hydrogen template provides a foundational setup for building headless Shopify storefronts. It leverages the power of Remix, Shopify's full-stack web framework, and comes pre-configured with Shadcn and Radix UI components for a modern, accessible, and aesthetically pleasing user interface. It's designed to help developers quickly start building custom e-commerce experiences with a minimal yet robust toolkit, including essential queries and tooling for Shopify integration.

Features:

• Remix Framework Integration: Leverages Remix, Shopify’s full-stack web framework, for server and client-side rendering.
• Hydrogen SDK Foundation: Built with Shopify's Hydrogen SDK, tailored for headless commerce.
• Shadcn UI Styling: Incorporates Shadcn UI for a collection of beautifully designed, accessible, and customizable components built with Radix UI and Tailwind CSS.
• Radix UI Primitives: Utilizes Radix UI for unstyled, accessible, and highly composable UI primitives.
• Oxygen Deployment Ready: Designed for seamless deployment on Shopify’s Oxygen hosting platform.
• Shopify CLI Support: Includes integration with the Shopify CLI for efficient development workflows.
• Code Quality Tools: Comes with ESLint for linting and Prettier for code formatting.
• GraphQL Codegen: Features a GraphQL generator for type-safe API interactions with Shopify.
• TypeScript & JavaScript Options: Provides flexibility with support for both TypeScript and JavaScript development.
• Minimal Boilerplate: Offers a lean starting point with essential components, queries, and routes to accelerate development.
• Mock E-commerce Shop: Includes a functional mock shop, as seen in demos, to showcase core e-commerce capabilities like product listings.
• Theme Toggling: Features a theme toggle (e.g., for light/dark mode) for UI customization, as indicated by demo functionality.

Summary:

This template is a Shopify Hydrogen starter kit, enhanced with Shadcn and Radix UI for styling. It offers a minimal yet comprehensive foundation for developers to rapidly build custom headless e-commerce storefronts. It includes core tooling like Remix, Shopify CLI integration, GraphQL generation, and essential e-commerce components, enabling a quick start on modern Shopify projects with a focus on performance and developer experience.