Getting Started

npx create-next-app@latest
npx shadcn
npm i prisma -D
npx prisma init

Create a new mongodb project Create new mongodb cluster get the connection string Crete a new collection for the inside the cluster

Add your environment variables then:

npm i mongodb
npm i @prisma/client
npm i zod

Create a new clerk account then setup the new for nextjs

npm i @clerk/nextjs

Create app on clerk Get env variables

Create middleware Create sign in sign out layout