[E-Commerce Dashboard]

This is my interpretation of an e-commerce website + dashboard build with everything new in Next.js 13.

Warning This project is still in development and is not ready for production use.

It uses new technologies (server actions, prisma ORM) which are subject to change and may break your application.

Tech Stack

• Framework: Next.js
• Styling: Tailwind CSS
• User Management: Clerk
• ORM: Prisma
• UI Components: shadcn/ui
• Payments infrastructure: Stripe
• Photo: Cloudinary

Features implemented

• Authentication with Clerk
• Photo uploads with Cloudinary
• ORM using Prisma
• Database on PlanetScale
• Validation with Zod
• Seller and customer workflows
• User subscriptions with Stripe
• Storefront with products, categories, and subcategories
• Admin dashboard with stores, products, orders, subscriptions, and payments
• Checkout with Stripe Checkout

Running Locally

1. Clone the repository

git clone https://github.com/iglooe/e-commerce-template.git

2. Install dependencies using npm

npm install

3. Copy the .env.example to .env and update the variables.

cp .env.example .env

4. Start the development server

npm run dev

5. Generate the database schema

npx prisma generate

6. Push the database changes

npx prisma db push

How do I deploy this?

Follow the deployment guides for Vercel, Netlify and Heroku for more information.