NewTailwind CSS v4 & Dark Mode

Production-Ready
E‑commerce Storefront

A complete Next.js storefront template built for Unchained Engine. Launch your online store in minutes with React, TypeScript, and Tailwind CSS.

npx @unchainedshop/create-storefront my-shop
Live DemoView on GitHub
shop.example.com
Storefront Homepage
Product PageProduct Details
Shopping CartShopping Cart
CheckoutCheckout Flow

Everything You Need

A complete e‑commerce experience with all the features your store needs

🛍️

Full Shopping Experience

Complete e‑commerce journey from browsing to checkout

💳

Payment Ready

Stripe, Datatrans, and custom payment providers

🌍

Multi-language

Built-in i18n with translation management

🌓

Dark Mode

System-aware theme switching out of the box

📱

Responsive

Mobile-first design that works everywhere

🔐

WebAuthn

Passwordless authentication support

Modern Tech Stack

Built with the tools developers love

Next.js 14

React framework with App Router

TypeScript

Full type safety throughout

Tailwind CSS

Utility-first styling

GraphQL

Efficient data fetching

Apollo Client

State management

React 18

Component library

Get Started in 3 Commands

From zero to a running storefront in under a minute. No configuration required.

1

Create your project

npx @unchainedshop/create-storefront my-shop
2

Install dependencies

cd my-shop && npm install
3

Start development

npm run dev
Project Structure
my-shop/
├── app/              # Next.js App Router
├── modules/
│   ├── apollo/       # GraphQL client
│   ├── auth/         # Authentication
│   ├── cart/         # Shopping cart
│   ├── checkout/     # Payment flow
│   ├── products/     # Product catalog
│   └── i18n/         # Translations
├── components/       # UI components
├── public/           # Static assets
└── package.json

Seamless Engine Integration

Built specifically for Unchained Engine with perfect compatibility and optimal performance.

  • GraphQL API with Apollo Client
  • Real-time cart & order updates
  • Server-side rendering for SEO
  • Auto-generated TypeScript types
  • Optimized caching strategies
Learn about Unchained Engine

Ready to Build?

Start building your e‑commerce store today with the Unchained Storefront Template.

Read DocumentationGet Started