About | Screenshots | Built With | Local Project Setup | Clone the repo | Make a Clerk account | Run app in a container | Prisma Setup | Run the Project | Entity Relationship Diagram | Contact
Mango Entertainment allows you to curate the ripest mix of entertainment. TV series, movies, your favorite titles come to fruition! Create an account, checkout the catalogue, and rock on with your 🥭!
Git, Node.js, and PNPM are required to run this project locally. VSCode is required for setting up the dev container. You'll also have to have an account at Clerk.
Copy this and run it in your terminal:
git clone https://github.com/Mango-Entertainment/mango-entertainment.git
cd mango-entertainment
pnpm install
At the root of the project, run this command in the terminal:touch .env.local .env
.
Make a Clerk account
Once your account is created, click add application from your Clerk dashboard.
Look at the left hand side of your dashboard under developers. There's a button that says API Keys. Copy those keys and paste them in .env.local
.
Then copy and paste this into .env.local
:
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=/
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=<YOUR_KEY>
CLERK_SECRET_KEY=<YOUR_SECRET>
Then copy and paste this into .env
:
POSTGRES_PRISMA_URL=postgres://postgres:postgres@localhost:5432/postgres
POSTGRES_URL_NON_POOLING=postgres://postgres:postgres@localhost:5432/postgres
Make sure you have Docker installed, the Docker daemon running, and the remote containers extension for VSCode. If you open this folder in VSCode, it should ask you to open it in a container. Choose reopen in container.
For more info about developing inside a container, check this out.
Run these terminal commands:
npx prisma migrate dev
npx prisma db seed
Now you're ready to run the project! Run pnpm dev
.
This runs the project on port 3000.
Our database has two tables: users and bookmarks.