anav5704/custom-cms

Content management system built for an e-commerce store

Custom Content Management System ⚙️

This is a simple CMS that acts as an admin panel, built to manage the E-commerce store. The store is literally an empty shell and all of the content is assigned by the CMS. Users can create and manage stores, billboards, categories, sizes, colors, and products. Orders are automatically created when a purchase is made in the store.

Technologies Used

• Next JS 14
• TailwindCSS
• Shadcn UI
• Clerk
• Cloudinary
• Prisma
• Serverless PostgreSQL
• Zustand
• Zod
• Stripe

Getting Started

As per usual, fork and clone this repo and run npm install to download all the dependencies. Now set up the environment variables. The following will go in a .env in the root of your project.

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY 
CLERK_SECRET_KEY
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
DATABASE_URL
DIRECT_URL // Use this if provided
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME 
STRIPE_API_KEY
FRONTEND_STORE_URL

Once set, you can run npm run dev to see it live on your localhost.

Learning Resources

• Fullstack E-commerce + dashboard and CMS
• Headless UI docs
• Next JS docs