Unchained Storefront Template
Production-ready Next.js e-commerce storefront with full shopping experience. Built with React, TypeScript, and Tailwind CSS. Connects seamlessly to Unchained Engine.
Get started in seconds:
npx @unchainedshop/create-storefront my-shop
Product Details
Shopping Cart
Checkout Flow
Modern Tech Stack
Frontend Framework
Next.js
React framework with SSR/SSG
React
Component-based UI library
TypeScript
Type-safe development
Styling & UI
Tailwind CSS v4
Utility-first CSS framework
Dark Mode
Built-in theme switching
Responsive
Mobile-first design
Data & State
GraphQL
Efficient data fetching
Apollo Client
GraphQL state management
Modular Architecture
Clean, maintainable code structure with feature-based modules
modules/ ├── apollo/ # GraphQL client & cache ├── assortment/ # Categories & navigation ├── auth/ # Authentication flows ├── cart/ # Shopping cart logic ├── checkout/ # Payment & checkout ├── common/ # Shared components ├── products/ # Product catalog ├── orders/ # Order management ├── layout/ # Page layouts └── i18n/ # Translations
Developer-Friendly Structure
- Feature-based modules
Each module is self-contained with its own components, hooks, and GraphQL operations
- TypeScript throughout
Full type safety with generated GraphQL types
- Colocated queries
GraphQL operations live next to the components that use them
- Reusable fragments
Share query parts across components
Seamless Unchained Integration
The Storefront Template is built specifically for Unchained Engine, providing perfect compatibility and optimal performance out of the box.
- GraphQL API integration with Apollo Client
- Real-time subscriptions for cart and orders
- Server-side rendering for SEO
- Automatic type generation from schema
- Built-in authentication handling
- Optimized caching strategies
Ready to Build Your Store?
Get started with the Unchained Storefront Template today