adam-ridhwan / next-movie

🍿 A movie library built with Next.js

Next Movie

🍿 Live Preview www.next-movie-adam-ridhwan.vercel.app

🔰 About

This is a movie database web application built with Next.js . It uses the TMDB API to fetch movie data and display it in a carousel slider.

✨ Screenshots

Features

• 🎞️ Complex Carousel Slider
• 📡 Server Action Data Fetching
• 🔍 Searching
• 🔀 Parallel Route Modals
• 🛡️ Type Safety with Zod
• 🪝 Custom React hooks
• 🗃️ Zustand State Management
• 📱 Responsive Design

🚀 Getting Started

Prequisites

1. Install pnpm

npm install -g pnpm

2. Add TMDB API Key and Read Access Token to .env.local file. Keys can be retrieved from TMDB webstie

NEXT_PUBLIC_NODE_ENV=
TMDB_API_KEY=
TMDB_READ_ACCESS_TOKEN=

3. Install dependencies

pnpm install

4. Testing development code

pnpm dev

5. Testing production code

pnpm prod

⭐️ Acknowledgements

Data provided by TMDB

Author

Adam Ridhwan

• GitHub: @adam-ridhwan