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

5.0 (0)

12 learners

What you'll learn

This course includes

215.5 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

react developer reactjs html css js javascript papa papareact papa-react tutorial frontend

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