Skip to content

Z3rio/tebex-nextjs-commerce

 
 

Repository files navigation

Next.js Commerce (Tebex Edition)

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.

Providers

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.

Note: Providers, if you are looking to use similar products for your demo, you can download these assets.

Setup/usage

  1. Fork this repository
  2. Clone your fork
  3. Install the dependencies via: pnpm install
  4. Clone .env.example into .env and fill out the values (or do it via vercel)

Run Dev Server

Simply run pnpm dev to start a dev server

Deploy to vercel

  1. Link the github repo via Vercel
  2. 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.

About

Next.js Commerce

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.3%
  • JavaScript 3.1%
  • CSS 0.6%