This Nextflixer App serves as a robust example project built using the NextJS framework with TypeScript and styled using TailwindCSS. The project is structured as a comprehensive guide on building an app that aggregates movie data.
- Create a NextJS project with TypeScript and TailwindCSS
- Utilizes next-auth to authorize user (and for new user, create a user in db)
- User have access to create profiles and watchlists, then can add movies to watchlists
- Movies are saved in PostgreSQL database
- NextJS manages db using Prisma ORM
The easiest way is to watch the video series as it is self-explanatory, but here is a short version.
- Clone the project
- Run npm install to install the dependencies
- Install PostgreSQL
- Run npx prisma migrate dev --name init
- Add a list of movies to Movie table
- Run npm run dev and happy coding!
- In case to see the Staic or SSG pages, simply run npm run build
Since this is an example project, I'd encourage you to clone and rename this project to use to your own purposes. it's a good starter boilerplate.
If you found an issue or would like to submit an improvement to this project, please submit an issue using the issues tab above. If you would like to submit a PR with a fix, reference the issue you created!