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!

Menu