7 Views· 31 July 2022
🔴 Let's build Hulu 2.0 with REACT.JS! (Next.js, Tailwind CSS, Responsive)
Too difficult? 👉 Watch my REACT BASICS 101 class for FREE with 1 month FREE Skillshare access (First 1000 people): https://skl.sh/2Srfwuf
🚨 Join the world’s BEST developer community “Zero to Full Stack Hero” NOW: https://www.papareact.com/course
Join me as I build Hulu 2.0 with TAILWIND CSS (with 2.1 JIT!) & NEXT.JS!
👇Check out Hostinger (Use code SONNY for 7% OFF Annual Plans!) https://www.hostinger.com/sonny
🖥️ CODE
Get the code for my builds here: https://links.papareact.com/github
📰 NEWSLETTER (Join to get the PAPAFAM Playlist for FREE! 🎵)
https://links.papareact.com/newsletter
🎙️ PODCAST
https://links.papareact.com/podcast
🌍 SOCIALS:
Instagram: https://links.papareact.com/instagram
Facebook: https://links.papareact.com/facebook
LinkedIn: https://links.papareact.com/linkedin
Twitter: https://links.papareact.com/twitter
Discord: https://links.papareact.com/discord
❤️ SUPPORT
PAPA Merch: https://links.papareact.com/merch
Donate: https://links.papareact.com/donate
🕐 TIMESTAMPS:
00:00 Introduction
00:51 Build Showcase (1/2)
04:37 Hostinger Sponsorship
06:47 Build Showcase (2/2)
08:18 Next.js Introduction
09:49 Initialising the Build
13:32 Setting Up Tailwind CSS
23:36 Building the Header Component
37:44 Building the Header Items
57:14 Creating the Nav Component
59:20 Creating the Backend Request API
1:05:26 Building the Nav Component
1:21:08 Creating the Results Component
1:33:16 Building the Thumbnail Component
1:48:30 Building the Results Component
1:58:39 Final Build Demo
1:59:05 Deploying to Vercel
2:04:36 Hosting on Hostinger
2:09:58 Outro
#reactjs #tailwindcss #nextjs
0 Comments