🔴 Let's build a Search Engine Clone with Tailwind CSS & NEXT.JS! (Responsive, SSR React, Pagination)

🚨 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 it 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