Created for the purpose of learning fullstack development with some features such as authentication, drag and drop and other features that this course can offer. I followed the course of Code with Antonio and build it from start to finish.
- Next.js
- Typescript
- Clerk
- Prisma
Follow this step by step guide to start running the project
- Here's the format for the environment variables (.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 =
# Prisma database url, this supports as what prisma can such as: Mysql, PostgresSQl, MongoDB
DATABASE_URL=-
Setup the clerk for authentication setup
-
Setup prisma with mongo database and run this code block to copy the model to the database in mongo
npx prisma generate
I followed most of the instruction on creating this project here: https://www.codewithantonio.com/projects/trello-clone
It's a bit outdated so I have to do abit of my own to make it run in the current setup.