Build and Deploy a Movie website using Next.js and TailwindCSS | Part 1
In this video, we will build a fully responsive, animated movie website using Next.js, Tailwind CSS, and Shadcn. This project is designed to help you understand how to create a clean and optimized production-ready website. Take your time and enjoy the video. Thank you for watching!
=== DOWNLOAD SOURCE CODE 👇 ===
Get Source Code:
=== DOWNLOAD ASSETS 👇 ===
🔗Github Gist: https://gist.github.com/KeenCoding12/...
🖼️ Images: https://drive.google.com/file/d/165Pk...
Next.js: https://nextjs.org/
Shadcn UI: https://ui.shadcn.com/
Motion: https://motion.dev/
Next JS Top Loader: https://www.npmjs.com/package/nextjs-...
⏳ Timestamps
00:00 Project overview
02:53 Project setup
07:36 Header
25:34 Hero
30:25 Category section
44:51 Devices
51:31 Faq section
1:00:13 Pricing section
1:06:04 Cta section
1:09:45 Footer
1:24:19 Animation
🎵 Royalty-Free Music Used
All tracks are free to use:
Make a Stand – Filo Starquez
Pink Clouds – Epic Spectrum
Daydreams – Pufino
Universal – Moavii
Northern Lights – Avanti
Just a Dream – Filo Starquez
Joyful Boredom – Avanti
Sky Clearing – Epic Spectrum
Mindwave – Avanti
🔗 Source: https://freetouse.com/music
#nextjs #nextjstutorial #reactjswebsite #reactjs #reactjstutorial #reactjsprojects #reactjsfullcourse #reactjsproject #tailwindcsstutorial #tailwindcss #uidesign #moviewebsite #movieapp #movieapps