Summary
Keywords
Full Transcript
🚨 Join the world’s BEST developer community & course Zero to Full Stack Hero: https://www.papareact.com/course 🫂 Join my Community, "University of Code" for FREE: https://www.universityofcode.com 🔴 LOOKING FOR THE CODE? 🛠️ https://links.papareact.com/github Join me as I build a Video Streaming Web App 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 🎙️ 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 Newsletter: https://links.papareact.com/newsletter ❤️ 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 DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Hulu and it's subsidiaries in any form. Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for education purposes. #reactjs #tailwindcss #nextjs
