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

Focused View

K.Sathyaprakash Reddy

9:14:52

12 View

1. Introduction

1. Create Next App.mp4

09:25

2. Integrating Ant Design.mp4

12:15

3. Overriding Ant Design Defualt Behavior.mp4

11:28

2. Authentication

1. Integrating Clerk Auth.mp4

10:04

2. Create Custom Sign-in and Sign-up Pages.mp4

06:25

3. Get Current User.mp4

08:04

4. Auth Pages Styling.mp4

09:30

3. Database setup

1. Integrating Prisma.mp4

06:55

2. Create User Model.mp4

10:11

3. Storing Clerk User Data To Mongo DB.mp4

14:42

4. Layout

1. Layout-Header.mp4

17:02

2. Conditional Rendering Of Layout.mp4

08:15

3. Seperate Menu For User(Seller) and Admin.mp4

09:28

5. Create Property

1. Properties Module Demo.mp4

08:38

2. Build some reusable components.mp4

11:43

3. Create Property Form with Steps.mp4

15:09

4. Basic Step.mp4

14:52

5. Locations Step.mp4

06:30

6. Amenities Step.mp4

12:16

7. Integrate Firebase.mp4

09:07

8. Uploading Media Step.mp4

06:37

9. Contact Step.mp4

05:12

10. Construct Final Values Object.mp4

13:59

11. Build Property Model and Schema.mp4

12:34

12. Save Property.mp4

08:20

6. Edit , Delete , Clone Properties

1. Show Added Properties.mp4

17:16

2. Edit Property.mp4

11:45

3. Editing Property Media.mp4

10:23

4. Delete Property.mp4

02:56

5. Clone Property.mp4

07:01

7. Homepage and Single Property Page

1. Homepage.mp4

19:44

2. Property Info Page - 1.mp4

12:24

3. Property Info Page - 2.mp4

11:00

8. Queries

1. Add Query Modal.mp4

11:15

2. Save Query.mp4

09:39

3. Show Queries On Buyer Side.mp4

10:14

4. Show Queries On Seller Side.mp4

11:33

9. User Account and Subscriptions

1. User Account Page.mp4

11:36

2. Create Subscription Plan Data.mp4

06:31

3. Show Available Subscriptions.mp4

11:28

10. Purchase Subscriptions

1. Integrating Stripe.mp4

10:20

2. Get Client Secret.mp4

10:31

3. Show checkout form.mp4

08:57

4. Add Subscription.mp4

11:20

5. Show Puchaced Subscriptions.mp4

10:28

6. Apply Subscription Conditions.mp4

10:04

11. Filters

1. Add Filters UI.mp4

15:02

2. Filters Logic.mp4

08:18

3. Show and Clear Filters.mp4

07:19

4. Filters in User Properties Page.mp4

03:30

12. Admin

1. Admin Routes.mp4

08:43

2. Admin Properties.mp4

06:06

3. Admin Users List.mp4

12:57

13. Deployment

1. Deployment To Vercel.mp4

07:51

Description

Build a Real Estate Application using Next.js 14 , MongoDB , Clerk , Firebase .

What You'll 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 is this for?

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

Fullstack Developers

Frontend Developers

What You Need to Know?

Next JS 13 Basics

React

More details

Description
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

Learn Next JS 14 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 usecases of Nextjs server components
Working with combination of both client and server components
Build UI components with Ant Design Library
Using Tailwind CSS in-order to override Ant Design default styling and building custom components

Project

Working with two different user roles (Admin , User)
Sellers will be able to create , edit & delete properties
Once the properties are created they will be listed in the homepage.
Normal users can contact the sellers in property info page
Sellers can see all the queries received for every property they have published.
Sellers will be able to create 3 properties in the free plan.
If anyone want to create more than 3 properties they have to buy subscription.
Integrating stripe payment gateway in-order to take subscription payments.
Admins will be able see all the users , properties.
Admins can remove any property from the listings if they found any voilations.
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.
Who this course is for:
Students who want to understand the latest features of nextjs 14 and build a real-time project with it
Fullstack Developers
Frontend Developers

User Reviews

Rating

average 0

Total votes0

Focused display

Hi,I am Satyaprakash Reddy, I am a freelance developer in India.I've 5 years of experience in developing applications in Android and Web Development.I've been teaching coding lectures from the past three years in an Institute. So now I wanted to share my knowledge across the globe through Udemy.I spend most of my time researching how to make learning to code fun and make hard concepts easy to understand. I apply everything I discover into my Bootcamp courses. In my courses, you'll find lots of geeky humor but also lots of explanations and animations to make sure everything is easy to understand.Thank U.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.