Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Django, Next.js,Docker & TypeScript: Build a Real Estate App

Name: Django, Next.js,Docker & TypeScript: Build a Real Estate App
Rating: 4.5 (104 reviews)

Real estate platform with Django REST Framework, Next.js, TypeScript, Redux, Docker & NGINX. JWT auth, deployed

Created byAlpha Omondi Ogilo

Last updated 5/2026

English

English [Auto],

What you'll learn

How to work with Docker containers with Django and Django REST Framework
How to work with Docker containers with React and NextJS 14
How to use Redux and Redux Toolkit with TypeScript.
Reverse proxies with NGINX to serve both the backend API and the React/NextJS Client

Course content

30 sections • 183 lectures • 30h 30m total length

Introduction1:36
Join me in this course as I build an MVP to solve apartment management challenges, including issue reporting, maintenance, and technician tracking, by replacing problematic WhatsApp processes.
Requirements1:26
Tech tools/Technologies used in Project2:43
Demo of Final Product26:58
Demonstrates a full-stack django with react MVP end-to-end, covering signup, authentication, posts, issue tracking, technicians, admin workflows, and notes on production deployment and testing.
Course Github Repo, connect with me on Social0:08

Create working Directory & Virtual Environment6:21
Initialize Git4:14
Initialize git for a Django project, create a Python .gitignore with npx, ignore dot envs but include env.example, start the Django project, and commit the initial setup.
Install Packages5:11
Here are the packages that were installed in this lecture, if you don't want to type it out:

pipenv install python-dotenv==1.0.1 djangorestframework==3.15.0 django-autoslug==1.9.9 django-countries==7.5.1 django-phonenumber-field==7.3.0 phonenumbers==8.13.32 drf-yasg==1.21.7 Pillow==
10.2.0 argon2-cffi==23.1.0 djoser==2.2.2 django-taggit==5.0.1 django-filter==24.1 django-celery-email==3.0.0 cloudinary==1.39.1 django-celery-beat==2.6.0 redis==5.0.3 celery==5.3.6 flower==2.0.1
Setup Requirements and Settings18:59
Configure Other Django Params7:39
Django Apps5:51

Dockerfile Config28:43
Configure django with docker using docker desktop, docker engine, docker compose, and the Portainer extension, then build multi-stage dockerfiles with python base images, wheels, and entrypoint scripts.
Entrypoint Shell Script8:45
Start Shell Script2:56
Create a start script that migrates models, collects static files, and runs the Django server on 0.0.0.0:8000, while configuring dockerignore to exclude unnecessary files.
Postgres and Docker compose14:36
Run docker-compose config12:24

Custom User Model Manager11:36
UUID’s Theory2:08
Custom User Model11:09
Create a custom Django user model in the users app with a pseudo primary key via UUID, using a custom user manager and email as the unique identifier.
UserCreationAdmin Form13:59
Setup Redoc documentation11:42
Set up redoc API documentation for a Django REST framework project, configure OpenAPI info and public access, and customize the admin site.

Celery & Redis Intro0:47
Setup Celery10:01
Configure celery in a Django project by creating a celery app, connecting to Redis as broker and result backend, auto-discovering tasks, and enabling celery beat for scheduling.
Docker-compose config(Celery & Redis)7:51
Summarizes a docker-compose setup for celery and redis in Django, reusing API config via anchors and defining celery worker, celery bit, and flower with start scripts on port 5555.
Flower and worker start scripts11:57

TimeStamped Common model13:09
Explore building a timestamped abstract model and a reusable content view model in Django, using a generic foreign key, content types, and user tracking, then register the admin interface.
Cloudinary Configuration17:17
Explore configuring a Django profile model with a Cloudinary avatar, set up Cloudinary credentials in env, link a 1 to 1 profile to user, and include slug generation and occupation.
Signals11:18
Implement a Django post-save signal to auto-create a user profile on new user creation, using signals.py, a receiver decorator, and logging, with admin registration and migrations.

Token Based Authentication3:40
Differentiate authentication from authorization and explain how access and refresh tokens enable secure API calls. Explore JWT bearer tokens, short lifespans, and refresh token rotation with reuse detection.
Setup Custom JWTAuthentication11:32
Implement token-based authentication with the Jozsa package, returning access and refresh tokens as http-only cookies and using a custom Django Rest Framework authentication class.
Configure Djoser and RestFramework simplejwt17:56
Auth Views20:08
URLS and Test JWT Endpoints14:40
Setup Google Credentials14:45

Requirements

Python developers with at least 1 year of web development experience.
Interested in Integrating React and Nextjs 14 with your backend API Endpoint using NGINX
Python3 basics and type hints
Django basics
REST API and Django REST framework fundamentals
JavaScript basics (including variables, operators, functions, arrays, array methods, async/await, and ES6 features)
TypeScript basics
React basics (components, props, state, JSX, conditional rendering, mapping over lists, and hooks like useState and useEffect).
Redux and ReduxToolkit basics
Docker and container basics
Shell scripting basics
Web Servers and Basics of NGINX

Description

I previously lived in a large apartment complex with over 500 apartment units, all owned by a single landlord.

The complex was plagued by inefficient service delivery, issue reporting, and maintenance operations.

Tenants were expected to report problems via a shared WhatsApp account, which often resulted in messages going unread, being read too late, or being forgotten due to the high volume of incoming messages.

The landlord’s technicians(who included plumbers,carpenters, masons, electricians, roofers et-cetera) who were responsible for addressing various issues, frequently ignored calls for assistance or provided false excuses about their availability. Tracking the technicians' whereabouts and providing feedback to the landlord on their work was a challenging task.

To make matters worse, some tenants used the same WhatsApp account to advertise their goods that they were selling(such as food, clothes et-cetera), causing further confusion and hindering the issue reporting process.

Reporting misbehaving neighbors who violated the tenancy agreement and were a nuisance to other neighbors, also proved to be difficult.

I finally had enough and moved out of that place… which kept me wondering…if I was fortunate enough to somehow get money in the future and was able to build my own set of apartments, just like my former landlord did, what would I do differently?

Welcome…. Join me in this course as I build an MVP(which is a minimum viable product), to solve some of the problems I encountered while I was living in the apartment complex. This solution being an MVP, of course it can be improved or customized to solve your needs.

I hope this course will provide valuable insights and solutions to those facing similar challenges in apartment management..

Who this course is for:

Experienced Python web developer with at least 1 year of web development experience

Django, Next.js,Docker & TypeScript: Build a Real Estate App

What you'll learn

Explore related topics

Course content

Introduction5 lectures • 33min

Project Setup6 lectures • 48min

Logging In Django2 lectures • 11min

Configure Django with Docker5 lectures • 1hr 7min

Using Makefiles1 lecture • 11min

Custom User model in Django5 lectures • 51min

Next Js Introduction7 lectures • 56min

Configure Celery and Redis4 lectures • 31min

TimeStamped & Profile Models3 lectures • 42min

Authentication,Authorization & JWT6 lectures • 1hr 23min

Requirements

Description

Who this course is for: