Dashboard & CMS: Next.js 13 App Router, React, Tailwind, Prisma, MySQL
- We will be using Shadcn UI for the Admin!
- Our admin dashboard is going to serve as both CMS, Admin and API!
- You will be able to create, update and delete categories!
- You will be able to create, update and delete products!
- You will be able to upload multiple images for products, and change them whenever you want!
- You will be able to create, update and delete filters such as "Color" and "Size", and then match them in the "Product" creation form.
- You will be able to create, update and delete "Billboards" which are these big texts on top of the page. You will be able to attach them to a single category, or use them standalone (Our Admin generates API for all of those cases!)
- You will be able to Search through all categories, products, sizes, colors, billboards with included pagination!
- You will be able to see your orders, sales, etc.
- Order creation
- Stripe checkout
- Stripe webhooks
- MySQL + Prisma + PlanetScale
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=/
``
See the documentation for more detail: https://pris.ly/d/prisma-schema#accessing-environment-variables-from-the-schema
Prisma supports the native connection string format for PostgreSQL, MySQL, SQLite, SQL Server, MongoDB and CockroachDB.
See the documentation for all the connection string options: https://pris.ly/d/connection-strings
DATABASE_URL='' NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="" STRIPE_API_KEY= FRONTEND_STORE_URL=http://localhost:3001 STRIPE_WEBHOOK_SECRET= ``
npx prisma generate
npx prisma db push
pnpm dev
- pnpm install -D prisma
- pnpm install @prisma/client
- pnpm prisma init
- pnpm prisma generate
- pnpm prisma db push
- pnpm prisma migrate reset