Build 2 Full-Stack React Apps with Next.js & Tailwind CSS (4-Hour Crash Course!)
Build 2 Full-Stack React Apps with Next.js & Tailwind CSS (4-Hour Crash Course!)
In this comprehensive 4-hour crash course, dive into the world of full-stack development with React.js, Next.js, and Tailwind CSS! Follow along as we build two robust applications from scratch, learning essential techniques and best practices along the way.
App 1 Source Code : https://shorturl.at/doHOT
App 2 Source Code : https://shorturl.at/hqyK6
Buy Membership to access all course and Source Code: https://www.tubeguruji.com
What You'll Learn:
🚀 Next.js Fundamentals: Understand the power of Next.js for server-side rendering and routing.
🎨 Tailwind CSS Mastery: Explore the flexibility and speed of Tailwind CSS for effortless styling.
🔧 Building 2 React Apps: Step-by-step creation of two practical applications.
📈 Full-Stack Development: Integrate frontend and backend principles to create seamless experiences.
⚙️ Efficient Development Techniques: Tips and tricks to speed up your workflow without compromising quality.
Join us on this coding journey and level up your React.js and Next.js skills! Whether you're a beginner or an experienced developer, this crash course offers insights and hands-on experience to enhance your development prowess.
📌 Timestamps:
00:00:00 Introduction (App1)
00:03:11 Create Next13 App
00:05:24 Files and Folder Explained
00:10:41 Clerk Authentication
00:17:24 NavBar
00:24:30 Hero Section
00:29:01 Custom Font
00:30:56 Search Filter
00:39:15 Filter Options with Daisy UI
00:46:37 HyGraph CMS Setup
00:53:11 GraphQL API Request
01:01:43 Display Cars List
01:15:40 Filter List Functionality
01:29:49 Car Booking Modal
01:40:13 Get Store Location Using GraphQL Api
01:46:09 Save User Car Booking
02:02:07 Show Success Toast Message
02:14:11 App 1(Introduction)
Don't forget to like, subscribe, and hit the bell icon for more immersive coding tutorials! Share your thoughts and any questions in the comments section below. Let's embark on this coding adventure together! 🚀👩💻👨💻
Join this channel to get access to perks:
/ @tubeguruji