🔴 Airbnb REACT.JS Challenge | Day 2 (Frontend Build - Next.js, Tailwind CSS, SSG, API)

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 the Complete Responsive Mobile friendly front-end of the Airbnb build using ReactJS, NextJS & Tailwind CSS

🖥️ 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
01:38 Day 2 Build Demo
02:15 Day 2 Presentation (1/2)
08:52 Portfolio Submissions
13:19 Day 2 Presentation (2/2)
15:03 Tech Explanation for Day 2 Build
17:28 Setting up Next.js with Tailwind CSS
29:36 Starting the Build
32:54 Building the Header Component
38:45 Building the Left Side of the Header
52:47 Building the Search Bar
1:07:16 Building the Right Side of the Header
1:15:18 Building the Banner Component
1:29:19 Building the Main Section
1:35:05 Explanation of Server Side Rendering
1:39:04 Implementing Server Side Rendering
1:45:44 Building the SmallCard Component
2:00:08 Building the MediumCard Component
2:10:57 Building the LargeCard Component
2:20:16 Building the Footer Component
2:25:59 Front End Build Demo
2:27:16 Deploying the Build
2:32:21 Outro

#reactjs #nextjs #tailwindcss #airbnb #mapbox #javascript

Видео 🔴 Airbnb REACT.JS Challenge | Day 2 (Frontend Build - Next.js, Tailwind CSS, SSG, API) канала Sonny Sangha