Ecommerce CMS + Frontend Store

Full stack Nextjs | Typescript | prisma | mongodb

Tech Stack

Technologies used in the project:

• NextJS - 14
• Typescript
• prisma
• MongoDB
• Clerk
• Shadcnui
• TailwindCSS
• React hook form
• Recharts
• Stripe
• Cloudinary

About the project

This is the CMS (feature rich) for ecommerce stores. You can create mutltiple stores in one dashboard and manage entries for products , sizes , colors , categories , billboards .. etc . Image upload with cloudinary , checkout with stripe and clerk for auth.

Api endpoints are given and can resuse the data in any frontend projects .

You can play around the demo . live demo

Installation

Install my-project with npm

  npm install my-project
  cd my-project

 .env


NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=

NEXT_PUBLIC_CLERK_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_SIGN_UP_URL=
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=

DATABASE_URL=

NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
NEXT_PUBLIC_CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=

STRIPE_SECRET_KEY=
STRIPE_FRONTEND_URL=
WEB_HOOK_SEC=

  npm install

  npm run dev

Screenshots

Overview Dashboard

Billboards

create Billboards

Categories

create Categories

Sizes

create Sizes

Colors

create Color

Products

create Products

Orders

Settings

Get APIs for data

Feature rich Table (actions , search , columns , pagination)

create Multiple Stores

Demo

You can play around the demos

Live Demo CMS

Live Demo Frontend