TMDB Fullstack Clone

About This Project

A fullstack clone of TMDB website in Nextjs. TMDB is a movie database that provides information about movies, TV shows, actors, and more.

This was a great experience to learn data fetching in server components without relying on axios and also doing global state management with url params instead of using third party libraries that only work in client components. Adding user accounts, authentication and conditions for certain actions that only authenticated users can do (like adding movies to favorites) was also also a good practice for leveraging backend capabilities of nextjs.

My Role:

• Fullstack development

App Features:

• SSR
• Data Caching
• Fast Responsive UI
• Detailed Skeleton loading UI
• Sharable URL Params
• Third Party Authentication (OAuth)
• Favorites with search/sort/filter

Tech Stack:

• NextJS
• Mantine UI
• Tailwind
• axios
• Jotai
• Framer Motion
• Prisma
• Better-Auth