Skip to content

vendure-ecommerce/nextjs-starter-vendure

Repository files navigation

Vendure logo

Vendure Next.js Storefront Starter

A Next.js 16 storefront starter for Vendure headless commerce

Use as a foundation to build upon, take inspiration from, or learn the ergonomics of the Vendure Shop API.

Features

Authentication & Accounts

  • Customer registration with email verification
  • Login/logout with session management
  • Password reset & change password
  • Email address updates with verification

Customer Account

  • Profile management (name, email, password)
  • Address management (create, update, delete, set default)
  • Order history with pagination & detailed order views

Product Browsing

  • Collections & featured products
  • Product detail pages with variants & galleries
  • Full-text search with faceted filtering
  • Pagination & sorting

Shopping Cart

  • Add/remove items, adjust quantities
  • Promotion code support
  • Real-time cart updates with totals

Checkout

  • Multi-step flow: shipping address, delivery method, payment, review
  • Saved address selection
  • Shipping method selection
  • Payment integration

Order Management

  • Order confirmation page
  • Order tracking with status
  • Detailed order information

Roadmap

  • Multi-currency support (coming soon)
  • Multi-language with next-intl (coming soon)

Getting Started

First, run the development server:

npm run dev

Open http://localhost:3001 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.