To try everything Brilliant has to offer—free—for a full 30 days, visit http://brilliant.org/EdRoh/ . 
You’ll also get 20% off an annual premium subscription.


Build a Scalable Real Estate Application with **Next.js**, **Node.js**, and **AWS**. Learn to create an enterprise-grade Rental Apartment Application using:
- **Frontend:** Next.js, Redux Toolkit, Tailwind CSS, Shadcn, TypeScript, Framer Motion, React Hook Form, Zod.
- **Backend:** Node.js, Express.js, EC2, API Gateway, RDS, S3, and Amplify.
- **Authentication:** AWS Cognito.
This step-by-step tutorial is perfect for developers looking to build scalable and robust full-stack applications with modern tools and AWS services.

**Links**

**Code:**
- ⭐ **Completed Code:** https://github.com/ed-roh/real-estate-prod
- ⭐ **Diagrams:**  https://www.edroh.com/subscribe/real-estate
- ⭐ **Assets:** https://drive.google.com/drive/folders/1NoDB9ydYfCrEDs1w0H6csyy6mJpc23gk?usp=sharing
- ⭐ **AWS EC2 Instructions:** https://github.com/ed-roh/real-estate-prod/blob/master/server/aws-ec2-instructions.md

**Frontend:**
- ⭐ **Mapbox:** https://www.mapbox.com/
- ⭐ **Mapbox React GL:** https://docs.mapbox.com/help/tutorials/use-mapbox-gl-js-with-react/
- ⭐ **Shadcn:** https://ui.shadcn.com/docs 💎
- ⭐ **Shadcn Sonner:** https://ui.shadcn.com/docs/components/sonner 🛎
- ⭐ **Shadcn React Hook Form:** https://ui.shadcn.com/docs/components/form 📋
- ⭐ **React Hook Form:** https://react-hook-form.com/get-started 🎯
- ⭐ **Zod:** https://zod.dev/?id=table-of-contents ✅
- ⭐ **Redux Toolkit:** https://redux-toolkit.js.org/ 🚀
- ⭐ **Redux Toolkit Query:** https://redux-toolkit.js.org/rtk-query/overview 🔄

**Backend:**
- ⭐ **Postgres Download:** https://www.postgresql.org/download/
- ⭐ **PostGIS Install:** https://postgis.net/workshops/postgis-intro/installation.html
- ⭐ **PgAdmin Download:** https://www.pgadmin.org/download/
- ⭐ **Prisma Docs:** https://www.prisma.io/docs/getting-started/quickstart
- ⭐ **Postman Download:** https://www.postman.com/downloads/
- ⭐ **AWS:** https://aws.amazon.com/
- ⭐ **AWS CLI:** https://docs.aws.amazon.com/cli/latest/userguide/cli-chap-welcome.html
- ⭐ **AWS Billing:** https://us-east-1.console.aws.amazon.com/costmanagement/home?region=us-east-2#
- ⭐ **AWS Cognito:** https://aws.amazon.com/cognito/
- ⭐ **AWS Cognito Related Links:**
    https://ui.docs.amplify.aws/react/connected-components/authenticator
    https://docs.amplify.aws/javascript/tools/libraries/configure-categories/
    https://docs.amplify.aws/react/build-a-backend/auth/manage-user-session/
- ⭐ **Nominatim:** https://nominatim.org/release-docs/latest/api/Search/

Chapters:
0:00 Intro Demo
11:15 Installations
12:25 Frontend Installations and Setup
27:39 Landing Page
1:29:07 Backend Installations and Setup
2:11:43 AWS Cognito Auth
4:27:52 Settings Page
4:59:07 Properties, Leases, Applications Backend
6:22:15 Search Filters
7:16:58 Mapbox
7:40:03 Listings Pages
8:53:08 Properties Frontend
10:03:30 Applications Frontend
10:38:14 Cleanup
10:59:06 AWS Intro
11:00:43 AWS Budget
11:06:12 AWS Deleting
11:08:01 AWS Architecture
11:08:55 AWS Networking
11:24:23 AWS EC2
11:40:14 AWS RDS
11:53:34 AWS Amplify
12:00:49 AWS Api Gateway
12:08:35 AWS S3
12:18:33 Outro

This video was sponsored by Brilliant.

YouTube

This guide walks you through building a scalable, enterprise-grade rental application using Nextjs for the frontend and Node.js for the backend, fully deployed on AWS. The application features user authentication with AWS Cognito, property search with Mapbox integration, and comprehensive dashboards for both tenants and managers. Key technologies include Redux Toolkit, Tailwind CSS, Shadcn, and AWS services like EC2, S3, RDS, and API Gateway. Detailed instructions and code samples are provided for each step to help you understand and implement the entire setup.

Build an Enterprise Nextjs Rental App | AWS, EC2, Cognito, Shadcn, RDS, S3, Node, React