Welcome to this comprehensive 13-hour tutorial where you will learn how to build a full-stack clone of Airbnb from start to finish using Django, Django Rest Framework, and Next.js. This in-depth course covers everything you need to create a robust web application, including real-time chat features powered by sockets and a modern, responsive design using Tailwind CSS.
00:00:00 Introduction, Demo, Setup
00:22:10 Templates
02:18:10 User menu
02:28:14 Reusable modal
03:06:14 Docker and backend
03:51:18 Custom user model
04:08:10 App for properties
05:09:10 Authentication
05:39:40 Adding properties
07:12:10 Detail page
07:27:10 Booking
08:23:10 Landlord page
08:35:10 My properties
08:39:10 My reservations
08:49:10 Favorites
09:17:10 Chat page
09:41:10 Real time chat
10:50:10 Search and filters
11:51:10 Refresh tokens
11:58:10 Deployment
Whether you are a beginner or an experienced developer, this tutorial will guide you through the entire process, from setting up your development environment to deploying your application. Along the way, you will gain hands-on experience with essential web technologies and best practices in full-stack development.
By the end of this course, you will have a solid understanding of how to build scalable, interactive web applications and be equipped with the skills to create your own projects. Get ready to embark on this coding journey and enhance your development skills!
I will explain everything as good as I can in detail. So if you're new to either Django, React or Next.js, you will hopefully be able to follow along anyways.
For the backend of this Django project, I'm using Django Rest Framework (DRF) to set up the API.
---
Digital Ocean:
https://m.do.co/c/d3cdd4293e67
--
Code With Stein Premium
If you want to learn even more from me, check out my website https://codewithstein.com where you can track progress, talk to me and similar :-D
Support me
Donate: https://www.paypal.com/paypalme/codewithstein
Patreon: https://patreon.com/codewithstein
Merch: https://shop.spreadshirt.com/code-with-stein/
Important links
Discord: https://discord.gg/GJCvwc8EGs
Github (Frontend): https://github.com/SteinOveHelset/djangobnb
Github (Backend): https://github.com/SteinOveHelset/djangobnb_backend
Twitter: https://twitter.com/codewithstein
Website: https://codewithstein.com
---
#codewithstein #django #nextjs #react #clone #tutorial #djangorestframework #djangoreactproject #djangorestframeworktutorial #airbnbclone