Create a Netflix Style Movie Website Step by Step with Astro JS using Lovable, Astro JS, Tailwind and TMDB API
In this comprehensive tutorial we will create a movie website with Astro JS using the TMDB API. We start with asking lovable to create the website UI and then code the website from scratch using Astro JS and tailwind CSS.
https://github.com/petipois/tmdb-movies
Lovable prompt - Create a movie website using TMBD api. Just the UI first, I'll add the api key later
Timestamps
00:00 - What we will build
01:30 - Creating the Header
13:30 - Templating the Hero Section
37:20 - Creating the MovieCard Component
52:00 - Adding genres/categories
1:03:15 - Implementing the TMDB API
1:55:46 - Single Movie Page
2:14:00 - Conclusion
Lovable - https://lovable.dev/?via=petitpois
Starwind UI - https://starwind.dev/docs/getting-started/installation/
TMDB API - https://developer.themoviedb.org/docs/getting-started