Next.js and Django Fullstack Airbnb Clone - Part 2 - React, Tailwind, Django Rest Framework and more

00:00:00 Landlord detail page
00:12:06 My reservations
00:22:55 My propertes
00:24:40 Inbox
00:28:50 Conversation
00:44:20 User menu
00:54:12 Reusable modal
01:15:42 Login modal
01:28:58 Sign up modal

In this second part, I will build the rest of the design and also teach you how to build a reusable modal component. This modal component will be used for log in, sign up, the search, etc.

Code With Stein Premium

Support me

Important links

---

#codewithstein #nextjs #react #tailwind

[stevemulcahy]

This is a great series so far. I'm an SRE/Platform Engineer, so don't have much experience in developing, which is what made me want to follow your Django courses to help understand the process/problems my developers might face, but going onto this particular series has helped me for some personal projects too.

I can't wait for the next installment though, you've helped make sense of some js/ts concepts in this series as well!

[albertomenendezrodriguez]

I have to say that this is some of the best content about django. Keep going Stein! This is helping a lot to understand a lot how to use Django

[joselucianocastro]

first video seen and made, I like next, it is quite similar to react but in many ways it is different. Seeing you use tailwind classes in such a fluid way is tremendous, what a level it is nice to see you. One thing that surprised me is that you started with the front, for me it is impossible, first I would have to make the model, to end up adapting the front to it, or is it that you already have the model in your head, not being a problem for you ?. Thanks good job.

[EmmaSung-jt]

Thank you very much! It's a super great video! Looking forward to watching the next one

[alexdin]

please can you make an admin dashboard using next and change default admin?

[ander]

Thanks for your effort doing the project recording it and making it public. There is a strange effect when the modal is closed, did you notice?

[kyle-mtd]

why don't use pages/ directory sir?

[chihabeddine]

Thank you Stein ! Great content. Just i quick question could you rather avoid repeating the main ( 1500px width ) and just put it once in the layout.tsx ? Or is there anything that could go wrong if we do that ? Thanks again

[abdurrahim-bikd]

you use zustand but never show the documents when you are using or install npm package. you have to show that.

[marktaylor]

This is honestly the most chaotic and difficult to follow tutorial I've ever experienced. What the hell?