Skip to content

demitraps/ecommerce-store-next13

Repository files navigation

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/

App Screenshot

Checkout

For demo purposes, you can use Stripe Testing Cards.

Screenshots

Homepage:

App Screenshot

Categories:

App Screenshot

Product preview card:

App Screenshot

Filter by color/size:

App Screenshot

Related items:

App Screenshot

Shopping cart:

App Screenshot

Stripe:

App Screenshot

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