Mastering Next.js – Build Airbnb Clone from Scratch (2024)
Mastering Next.js – Build Airbnb Clone from Scratch (2024), available at $54.99, has an average rating of 4.82, with 169 lectures, based on 154 reviews, and has 1627 subscribers.
You will learn about Build modern Next JS applications Authenticate your Next JS applications with Clerk Build components with Shadcn/ui Store data in database with Prisma and Supabase Store Images in database Work with server actions This course is ideal for individuals who are React developers who want to build full-stack applications with Next JS 14 It is particularly useful for React developers who want to build full-stack applications with Next JS 14.
Enroll now: Mastering Next.js – Build Airbnb Clone from Scratch (2024)
Summary
Title: Mastering Next.js – Build Airbnb Clone from Scratch (2024)
Price: $54.99
Average Rating: 4.82
Number of Lectures: 169
Number of Published Lectures: 169
Number of Curriculum Items: 169
Number of Published Curriculum Objects: 169
Original Price: $19.99
Quality Status: approved
Status: Live
What You Will Learn
- Build modern Next JS applications
- Authenticate your Next JS applications with Clerk
- Build components with Shadcn/ui
- Store data in database with Prisma and Supabase
- Store Images in database
- Work with server actions
Who Should Attend
- React developers who want to build full-stack applications with Next JS 14
Target Audiences
- React developers who want to build full-stack applications with Next JS 14
Start your path to becoming a proficient web developer with our detailed video course on building apps using Next JS 14. Designed specifically for beginners and intermediate developers, this course will help you develop high-level skills. Begin by creating a Next.js application from scratch, understanding its structure, and mastering advanced routing techniques, including link components and dynamic paths.
Delve into front-end design using TailwindCSS and Shadcn/ui, mastering responsive design, theme management, and consistent styling with layout components. Learn the fundamentals of backend development, including the distinctions between server and client components, how to fetch data, manage loading states, and implement error handling along with nested layouts.
Enhance your app with CRUD functionalities through Server Actions, improve user interaction, and ensure data integrity with the Zod library. You will also integrate a database using Supabase, handle image uploads, and implement crucial functionalities like authentication with CLERK Service.
Conclude the course with the skills to deploy your NextJS app on Vercel, and incorporate features such as prompt handling, response management, and image generation.
This course offers a practical approach, including numerous challenges to apply what you’ve learned. Transform your web development skills and gain the confidence to create sophisticated web applications.
Course Curriculum
Chapter 1: Introduction
Lecture 1: Useful Info
Lecture 2: Github Repo
Chapter 2: Next.js Tutorial
Lecture 1: Important Info !!!
Lecture 2: Install
Lecture 3: Files and Folders
Lecture 4: Home Page
Lecture 5: Create Pages
Lecture 6: Link Component
Lecture 7: Nested Routes
Lecture 8: CSS
Lecture 9: Tailwind Info (optional)
Lecture 10: Layout Component
Lecture 11: Navbar Component
Lecture 12: Fonts
Lecture 13: Metadata
Lecture 14: Server vs Client
Lecture 15: Counter
Lecture 16: Fetch Data
Lecture 17: Refactor
Lecture 18: Loading Component
Lecture 19: Error Component
Lecture 20: Nested Layout
Lecture 21: Dynamic Page
Lecture 22: Local Image
Lecture 23: Remote Images
Lecture 24: Responsive Images
Lecture 25: More Routing Options
Lecture 26: Server Actions – Info
Lecture 27: Actions Page – Setup
Lecture 28: Actions File
Lecture 29: Save User
Lecture 30: Fetch Users
Lecture 31: Revalidate Cache and Redirect
Lecture 32: UseFormStatus Hook
Lecture 33: UseFormState Hook
Lecture 34: Delete Button
Lecture 35: Input Hidden
Lecture 36: Bind Method
Lecture 37: Route Handlers – Info
Lecture 38: Route Handler – GET
Lecture 39: Route Handlers – Params
Lecture 40: Route Handlers – POST
Lecture 41: Middleware
Lecture 42: Local Build
Lecture 43: Cache
Chapter 3: HomeAway Project
Lecture 1: Project Overview
Lecture 2: Install New Next.js Application
Lecture 3: Remove Boilerplate
Lecture 4: Create Pages
Lecture 5: Install Shadcn/ui Library
Lecture 6: Shadcn/ui Button Component
Lecture 7: Install More Shadcn/ui Components
Lecture 8: Navbar Structure
Lecture 9: Logo and NavSearch Components
Lecture 10: Change Theme with Shadcn/ui
Lecture 11: Setup Dark Mode with Shadcn/ui
Lecture 12: LinksDropdown Component
Lecture 13: Setup and Customize Clerk Auth Provider
Lecture 14: SignOutLink Component
Lecture 15: LinksDropdown Component
Lecture 16: Create Profile – Setup
Lecture 17: FormInput Component
Lecture 18: SubmitButton Component
Lecture 19: FormContainer Component
Lecture 20: Refactor Create Profile
Lecture 21: Zod Library
Lecture 22: Supabase Setup
Lecture 23: Prisma Setup
Lecture 24: Connect Prisma and Supabase
Lecture 25: Prisma Crud Examples
Lecture 26: Create Profile Model and createProfileAction
Lecture 27: Fetch Profile Image Action
Lecture 28: Modify Create Profile Page
Lecture 29: Fetch User Profile
Lecture 30: Update Profile Page
Lecture 31: Zod SafeParse Method
Lecture 32: ValidateWithZodSchema – Helper Function
Lecture 33: Image Input
Lecture 34: Image Input Container
Lecture 35: Image Zod Validation
Lecture 36: Supabase Bucket and Keys
Lecture 37: Supabase Upload Image
Lecture 38: Update Profile Image Action – Complete
Lecture 39: Property Schema
Lecture 40: Create Property Page – Setup
Lecture 41: Price Input
Lecture 42: Categories Input
Lecture 43: Description Input
Lecture 44: Countries Input
Lecture 45: Counter Input
Lecture 46: Amenities Input
Lecture 47: Create Property
Lecture 48: Fetch Properties
Lecture 49: Home Page – Setup
Lecture 50: Categories List
Lecture 51: Empty List
Lecture 52: Properties Container
Instructors
-
John Smilga
Instructor
Rating Distribution
- 1 stars: 3 votes
- 2 stars: 2 votes
- 3 stars: 3 votes
- 4 stars: 16 votes
- 5 stars: 130 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Digital Marketing Foundation Course
- Google Shopping Ads Digital Marketing Course
- Multi Cloud Infrastructure for beginners
- Master Lead Generation: Grow Subscribers & Sales with Popups
- Complete Copywriting System : write to sell with ease
- Product Positioning Masterclass: Unlock Market Traction
- How to Promote Your Webinar and Get More Attendees?
- Digital Marketing Courses
- Create music with Artificial Intelligence in this new market
- Create CONVERTING UGC Content So Brands Will Pay You More
- Podcast: The top 8 ways to monetize by Podcasting
- TikTok Marketing Mastery: Learn to Grow & Go Viral
- Free Digital Marketing Basics Course in Hindi
- MailChimp Free Mailing Lists: MailChimp Email Marketing
- Automate Digital Marketing & Social Media with Generative AI
- Google Ads MasterClass – All Advanced Features
- Online Course Creator: Create & Sell Online Courses Today!
- Introduction to SEO – Basic Principles of SEO
- Affiliate Marketing For Beginners: Go From Novice To Pro
- Effective Website Planning Made Simple