Skip to content
Log InContact
Sign Up
Back to Templates

Your Next Store — Commerce with Next.js and Stripe

Your Next Store is a modern, ultra-fast commerce storefront with Stripe as the backend, using shadcn UI components.

Your Next Store template screenshot

Built with standard Next.js patterns and typed commerce APIs. AI coding tools like Cursor and Copilot are more effective when the codebase is consistent and the APIs are well-defined.

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 yns.app/admin
bun dev

Open localhost:3000 — your store is running.

Why AI Coding Tools Work Better Here

Familiar patternsIdiomatic Next.js App Router code (Server Components, Server Actions, "use cache") matches what LLMs have seen thousands of times. Less guessing, more accurate suggestions.
Typed APIsCommerce Kit SDK methods like productBrowse() and cartUpsert() have defined input/output shapes. LLMs write correct code when they know the contracts.
Bounded domainCommerce is well-defined: products, variants, carts, checkout. The data models already exist with clear types - no need for the LLM to invent them.

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 – Modern utility-first styling
  • Shadcn UI – Accessible component library with Radix UI primitives
  • Biome – Lightning-fast linter and formatter
  • TypeScript – Type-safe development

Prerequisites

Environment Variables

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

  • YNS_API_KEY – Your API token from the admin panel
  • NEXT_PUBLIC_ROOT_URL – Your store URL (e.g., http://localhost:3000)

Next steps

Refer to the documentation found at yns.app/admin/api/endpoints for more information on how to fetch products or create carts in your store.

GitHub Repoyournextstore/yournextstore
Use Cases
Ecommerce
Stack
Next.jsTailwind

Related Templates

Next.js Commerce

Starter kit for high-performance commerce with Shopify.
Next.js Commerce

SvelteKit Commerce

An all-in-one starter kit for high-performance e-commerce sites built with SvelteKit.
SvelteKit Commerce