Course Information
Course Overview
Build a Real Estate Application using Next.js 14 , MongoDB , Clerk , Firebase .
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.
Course Content
- 10 section(s)
- 54 lecture(s)
- Section 1 Introduction
- Section 2 Authentication
- Section 3 Database setup
- Section 4 Layout
- Section 5 Create Property
- Section 6 Edit , Delete , Clone Properties
- Section 7 Homepage and Single Property Page
- Section 8 Queries
- Section 9 User Account and Subscriptions
- Section 10 Purchase Subscriptions
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.
Reviews
-
BBen V
Great course that will teach you from start to finish how to build a real estate app. You'll see why Next.js is becoming so popular with devs. You'll integrate third party services like Prisma, MongoDB, Clerk and Stripe and even deploy your app on Vercel.
-
NNicolas Allende
Course is good, that said I wish there were more concepts and explanations it is a lot of coding, and is a good code along. Another suggestion it should have downloadable code per unit, the GitHub resource is the final code and is not useful to find ones own errors and comparing with instructors code.
-
ZZeljko Racic
Yes, this is what I expected.
-
JJaroon Umpornpoolsuk
สอนได้ดี , i like this course.