Full Stack Next.js 13 E-Commerce Store | Next.js 13 App Router, React, Tailwind, Prisma, MySQL

This is the repository for a fully functioning E-commerce Store.

Find the Github repository for the Admin Dashboard here: https://github.com/demitraps/ecommerce-admin-dashboard-next13

Features

• Featured products in homepage
• View different categories
• Preview card of product
• Product page with color and size filters
• Related items
• Add to cart
• Stripe checkout
• Stripe webhooks

Tech Stack

React, Next.JS 13, TypeScript, TailwindCSS

Authentication: Clerk Data validation: Zod FileUploads: Cloudinary Components: Shadcn Database: MySQL-PlanetScale with Prisma ORM

Demo

https://ecommerce-store-next13.vercel.app/

Checkout

For demo purposes, you can use Stripe Testing Cards.

Screenshots

Homepage:

Categories:

Product preview card:

Filter by color/size:

Related items:

Shopping cart:

Stripe:

To-Do List

• Multiple quantities per product
• Email notifications
• Video uploads
• Social icons and preview
• Contact/FAQ pages

Prerequisites

Node version 14.x

Cloning the repository

  git clone https://github.com/demitraps/ecommerce-store-next13.git

Start the app

npm run dev

Available commands

Running commands with npm npm run [command]

command	description
dev	Starts a development instance of the app