A Next.js 14 and App Router-ready ecommerce template featuring:
- Next.js App Router
- Optimized for SEO using Next.js's Metadata
- React Server Components (RSCs) and Suspense
- Server Actions for mutations
- Edge Runtime
- New fetching and caching paradigms
- Dynamic OG images
- Styling with Tailwind CSS
- Checkout and payments with Tebex
- Automatic light/dark mode based on system settings
Note: Looking for Next.js Commerce v1? View the code, demo, and release notes.
Vercel will only be actively maintaining a Shopify version as outlined in our vision and strategy for Next.js Commerce.
Vercel is happy to partner and work with any commerce provider to help them get a similar template up and running and listed below. Alternative providers should be able to fork this repository and swap out the @lib/tebex
file with their own implementation while leaving the rest of the template mostly unchanged.
- Tebex (this repository)
- Shopify (Demo)
- BigCommerce (Demo)
- Medusa (Demo)
- Saleor (Demo)
- Shopware (Demo)
- Swell (Demo)
- Umbraco (Demo)
- Wix (Demo)
Note: Providers, if you are looking to use similar products for your demo, you can download these assets.
- Fork this repository
- Clone your fork
- Install the dependencies via:
pnpm install
- Clone
.env.example
into.env
and fill out the values (or do it via vercel)
Simply run pnpm dev
to start a dev server
- Link the github repo via Vercel
- Setup your env variables in Vercel aswell
Note: In the future, you can use
vercel env pull
to sync env values
Note: You should not commit your
.env
file or it will expose secrets that will allow others to control your Tebex store.