HOT

Next.js 14 Real Estate App with Prisma , MongoDB , Clerk

Development

Rating4.8
Enroll Now

Next.js 14 Real Estate App with Prisma , MongoDB , Clerk, available at $19.99, has an average rating of 4.75, with 54 lectures, based on 21 reviews, and has 143 subscribers.

You will learn about Learn Next JS 13 Latest Features like App Router , Server Actions , Middlewares etc. Implement Clerk Authentication (Google and Github Login). Working with Prisma ORM to perform all database operations. Understanding the proper usecase of nextjs server components Working with combination of both client and server components Build UI components with Ant Design Library Stripe payment gateway integration in order to accept payment from customers Subscription purchases and rendering pages/modules based on purchased subscription. This course is ideal for individuals who are Students who want to understand the latest features of nextjs 14 and build a real-time project with it or Fullstack Developers or Frontend Developers It is particularly useful for Students who want to understand the latest features of nextjs 14 and build a real-time project with it or Fullstack Developers or Frontend Developers.

Enroll now: Next.js 14 Real Estate App with Prisma , MongoDB , Clerk

Summary

Title: Next.js 14 Real Estate App with Prisma , MongoDB , Clerk

Price: $19.99

Average Rating: 4.75

Number of Lectures: 54

Number of Published Lectures: 54

Number of Curriculum Items: 54

Number of Published Curriculum Objects: 54

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

  • Learn Next JS 13 Latest Features like App Router , Server Actions , Middlewares etc.
  • Implement Clerk Authentication (Google and Github Login).
  • Working with Prisma ORM to perform all database operations.
  • Understanding the proper usecase of nextjs server components
  • Working with combination of both client and server components
  • Build UI components with Ant Design Library
  • Stripe payment gateway integration in order to accept payment from customers
  • Subscription purchases and rendering pages/modules based on purchased subscription.

Who Should Attend

  • Students who want to understand the latest features of nextjs 14 and build a real-time project with it
  • Fullstack Developers
  • Frontend Developers

Target Audiences

  • Students who want to understand the latest features of nextjs 14 and build a real-time project with it
  • Fullstack Developers
  • Frontend Developers

Hello, Welcome to the course Next.js 14 Real-Estate App

Certainly, I’d be happy to elaborate on the features included in the Next.js 14  Real-Estate App course.

Tech Stack

  1. Learn Next JS 14 Latest Features like App Router , Server Actions , Middlewares etc.

  2. Implement Clerk Authentication (Google and Github Login).

  3. Working with Prisma ORM to perform all database operations.

  4. Understanding the proper usecases of Nextjs server components

  5. Working with combination of both client and server components

  6. Build UI components with Ant Design Library

  7. Using Tailwind CSS in-order to override Ant Design default styling and building custom components

Project

  1. Working with two different user roles (Admin , User)

  2. Sellers will be able to create , edit & delete properties

  3. Once the properties are created they will be listed in the homepage.

  4. Normal users can contact the sellers in property info page

  5. Sellers can see all the queries received for every property they have published.

  6. Sellers will be able to create 3 properties in the free plan.

  7. If anyone want to create more than 3 properties they have to buy subscription.

  8. Integrating stripe payment gateway in-order to take subscription payments.

  9. Admins will be able see all the users , properties.

  10. Admins can remove any property from the listings if they found any voilations.

  11. Admins can also block users/sellers.

Next.js is an open-source, objective-coded framework for web developers created by Kotlin JS developers. It is used to create server-rendered React applications and can be used with modern JavaScript languages like TypeScript, GraphQL, and React components.

Next.js allows developers to create web applications to a high standard with pre-built features such as routing, file-based routing, webpack dev server, hot module replacement, static exports, and code splitting.

Next.js works well for building static sites and progressive web apps that are SEO-friendly, accessible, and fast.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Create Next App & Github Repo

Lecture 2: Integrating Ant Design

Lecture 3: Overriding Ant Design Defualt Behavior

Chapter 2: Authentication

Lecture 1: Integrating Clerk Auth

Lecture 2: Create Custom Sign-in and Sign-up Pages

Lecture 3: Get Current User

Lecture 4: Auth Pages Styling

Chapter 3: Database setup

Lecture 1: Integrating Prisma

Lecture 2: Create User Model

Lecture 3: Storing Clerk User Data To Mongo DB

Chapter 4: Layout

Lecture 1: Layout-Header

Lecture 2: Conditional Rendering Of Layout

Lecture 3: Seperate Menu For User(Seller) and Admin

Chapter 5: Create Property

Lecture 1: Properties Module Demo

Lecture 2: Build some reusable components

Lecture 3: Create Property Form with Steps

Lecture 4: Basic Step

Lecture 5: Locations Step

Lecture 6: Amenities Step

Lecture 7: Integrate Firebase

Lecture 8: Uploading Media Step

Lecture 9: Contact Step

Lecture 10: Construct Final Values Object

Lecture 11: Build Property Model and Schema

Lecture 12: Save Property

Chapter 6: Edit , Delete , Clone Properties

Lecture 1: Show Added Properties

Lecture 2: Edit Property

Lecture 3: Editing Property Media

Lecture 4: Delete Property

Lecture 5: Clone Property

Chapter 7: Homepage and Single Property Page

Lecture 1: Homepage

Lecture 2: Property Info Page – 1

Lecture 3: Property Info Page – 2

Chapter 8: Queries

Lecture 1: Add Query Modal

Lecture 2: Save Query

Lecture 3: Show Queries On Buyer Side

Lecture 4: Show Queries On Seller Side

Chapter 9: User Account and Subscriptions

Lecture 1: User Account Page

Lecture 2: Create Subscription Plan Data

Lecture 3: Show Available Subscriptions

Chapter 10: Purchase Subscriptions

Lecture 1: Integrating Stripe

Lecture 2: Get Client Secret

Lecture 3: Show checkout form

Lecture 4: Add Subscription

Lecture 5: Show Puchaced Subscriptions

Lecture 6: Apply Subscription Conditions

Chapter 11: Filters

Lecture 1: Add Filters UI

Lecture 2: Filters Logic

Lecture 3: Show and Clear Filters

Lecture 4: Filters in User Properties Page

Chapter 12: Admin

Lecture 1: Admin Routes

Lecture 2: Admin Properties

Lecture 3: Admin Users List

Chapter 13: Deployment

Lecture 1: Deployment To Vercel

Instructors

Rating Distribution

  • 1 stars: 0 votes
  • 2 stars: 0 votes
  • 3 stars: 0 votes
  • 4 stars: 8 votes
  • 5 stars: 13 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

Google Shopping Ads Digital Marketing Course

Complete Copywriting System : write to sell with ease

Product Positioning Masterclass: Unlock Market Traction