Your Next Store

Your Next Store — Commerce with Next.js and Stripe - Vercel

Open-source AI-native Next.js e-commerce template.


AI-Friendly Codebase	Ships with AGENTS.md [blocked] — idiomatic patterns, Commerce Kit SDK with typed methods. Claude Code, Cursor, and Codex work out of the box
Stripe-Native	Direct Stripe API integration — checkout, billing, subscriptions
Next.js 16	App Router, React Server Components, React Compiler
Open Source	Self-host anywhere, deploy to Vercel in one click

Quick Start

git clone https://github.com/yournextstore/yournextstore.git
cd yournextstore && bun install
cp .env.example .env.local   # Add your YNS_API_KEY from https://yns.store/manage/settings/api
bun dev

Open localhost:3000 — your store is running.

Why AI Tools Work Better Here


Familiar patterns	Idiomatic Next.js App Router (Server Components, Server Actions, `"use cache"`) — matches what LLMs have seen thousands of times
Commerce Kit SDK	Methods like `productBrowse()` and `cartUpsert()` have defined input/output shapes. LLMs write correct code when they know the contracts
Well-defined domain	Products, variants, carts, checkout — the data models already exist with clear types. No need for the LLM to invent them
AGENTS.md	Full project context, SDK examples, Biome rules, and validation checklist — AI agents understand the codebase before writing a single line

Tech Stack

Next.js 16 — App Router, React Server Components, React Compiler
Bun — Fast JavaScript runtime and package manager
Commerce Kit SDK — Headless commerce API integration
Tailwind CSS v4 — Utility-first styling
Shadcn UI — 50+ accessible components built on Radix UI
TypeScript — Strict type-safe development
Biome — Lightning-fast linter and formatter

Prerequisites

Node.js 24+
Bun 1.0+
YNS API key from https://yns.store/manage/settings/api

Environment Variables

Copy .env.example to .env.local and set:

YNS_API_KEY — Your API token from the admin panel

Contributing

See CONTRIBUTING.md [blocked] for coding conventions and PR checklist.

Next Steps

Refer to the API documentation for details on fetching products, managing carts, and building on top of YNS.

Themes

Your Next Store ships with 149 ready-made themes across different store categories. Each theme includes a fully redesigned homepage, hero, color palette, and section layout — all built on the same core codebase.

Themes live on branches named theme-001 … theme-149. Switch themes with a single command:

git checkout theme-016

Browsing themes

Each theme branch is a single commit on top of main whose message describes the theme's vibe. List them all (id + description) with:

git for-each-ref --sort=refname --format='%(refname:short)  %(subject)' 'refs/remotes/origin/theme-*'

All theme branches use a zero-padded three-digit id (theme-001 … theme-149). Themes modify only visual components and static assets — your products, cart, and checkout remain unchanged.

Your Next Store — Commerce with Next.js and Stripe

Related Templates

Next.js Commerce

SvelteKit Commerce