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.