Скачать или смотреть How to Build & Deploy a Netflix Clone Project Step by Step | AI + API Integration + GitHub + Netlify

Netflix Clone Live : https://miniflix-akriti.netlify.app/

AI Prompt :

Create a fully functional Netflix clone using HTML, CSS, and JavaScript with these requirements:

1. Use the TMDb API (via a Netlify Function) to fetch movies in genres: AI (878), Food (528), Drama (18), Horror (27), Comedy (35).
2. Display movies in horizontal scrollable rows with posters and titles.
3. Include a hero section with a featured movie trailer (autoplay, muted).
4. Include a login modal (email & password UI only).
5. Add hover effects on movie thumbnails to show small video previews.
6. Make it responsive for desktop and mobile.
7. Keep the TMDb API key private (not exposed in frontend) — use Netlify Functions to proxy API requests.
8. Provide a project structure and full code for:
index.html
style.css
script.js
netlify.toml
netlify/functions/tmdb.js
9. Ensure the project is ready to deploy directly on Netlify:
TMDB API key must be stored in Netlify environment variable `TMDB_API_KEY`.
Show deployment steps (drag & drop zip OR GitHub deploy).
10. Provide the complete code in separate blocks for each file, ready to copy.



Github code : https://github.com/akriti111/Netflix-...

TMDB API key - Generate from : https://www.themoviedb.org/

To host/deploy your project for free : https://www.netlify.com/