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

Want coding problems (with solutions!) delivered to your inbox daily? https://www.papareact.com/dailycoding...

Join me as I build Google 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

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:56 Build Showcase (1/2)
02:55 Hostinger Sponsorship
04:53 Build Showcase (2/2)
06:17 Next.js Introduction
08:33 Tabnine Sponsorship
10:20 Initialising the Build
12:30 Tailwind CSS Setup
19:25 Building the Google Front Page (1/3)
37:08 Building the Avatar Component
43:49 Building the Google Front Page (2/3)
1:13:36 Building the Footer Component
1:29:50 Building the Google Front Page (3/3)
1:30:22 Building the Search Functionality
1:36:37 Building the Search Page
1:39:35 Building the Header Component
1:59:40 Building the Header Option(s) Component
2:13:56 Building the Search Results
2:46:07 Building the Pagination Component
2:54:58 Final Build Demo
3:00:15 Deploying the App using Vercel
3:06:07 Hosting on Hostinger
3:10:41 Outro

DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Google 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.


#nextjs #tailwind #reactjs