---
title: "Discussion on \"How I built Rozbnb 🛌 with Next.js , Tailwind CSS, Styled Components , Stripe💰 and Auth0 🔒\" | Hashnode"
description: "Discussion on \"How I built Rozbnb 🛌 with Next.js , Tailwind CSS, Styled Components , Stripe💰 and Auth0 🔒\". The Motivation\n I was exploring  Auth0 for my website's Authentication so I came across this amazing Hackathon which was hosted by Auth0  and @Hashnode. So I thought why not to give a try ??? And then the biggest question mark in my mind was what to ..."
url: "https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5"
---

[Feed](https://hashnode.com/feed) /

Discussion

[Rozen Deedi](https://hashnode.com/@Rozen)

Frontend Developer

Aug 28, 2021

# [How I built Rozbnb 🛌 with Next.js , Tailwind CSS, Styled Components , Stripe💰 and Auth0 🔒](https://rozen2007.hashnode.dev/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0?utm_source=hashnode&utm_medium=feed)

The Motivation I was exploring Auth0 for my website's Authentication so I came across this amazing Hackathon which was hosted by Auth0 and @Hashnode. So I thought why not to give a try ??? And then the biggest question mark in my mind was what to ...

rozen2007.hashnode.dev 4 min read

[#auth0hackathon](https://hashnode.com/tag/auth0hackathon) [#nextjs](https://hashnode.com/tag/nextjs) [#tailwind-css](https://hashnode.com/tag/tailwind-css) [#hashnodecommunity](https://hashnode.com/tag/hashnodecommunity) [#auth0](https://hashnode.com/tag/auth0)

## Responses 17

Markdown supported · ⌘↵ to post

[Ibrahima MOUNKORO](https://hashnode.com/@Moncere)

Tech Stories and Creations.

[Sep 15, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/6142201a82e95e55a8739092)

This is amazing man! 🔥

[Rozen Deedi](https://hashnode.com/@Rozen)

Frontend Developer

[Sep 15, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/6142201a82e95e55a8739092#reply-6142220182e95e55a87390de)

Thank you so much ! [Ibrahima MOUNKORO](https://hashnode.com/@Moncere)

[Masoom Kumar](https://hashnode.com/@shuntzhere)

Frontend Developer

[Sep 3, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/6131bb9cb51c5a4fca0d11fe)

Looks awesome [Rozen Deedi](https://hashnode.com/@Rozen). Nice work!

[Idris Olubisi](https://hashnode.com/@olanetsoft)

Developer Relation Engineer | Software Engineer | Technical Writer

[Sep 2, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/6130cef6bb3a6656b86c3261)

Amazing project [Rozen Deedi](https://hashnode.com/@Rozen) keep it up

[Rozen Deedi](https://hashnode.com/@Rozen)

Frontend Developer

[Sep 2, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/6130cef6bb3a6656b86c3261#reply-6130d3800aac045e0149385d)

Thank you [Olubisi Idris Ayinde](https://hashnode.com/@olanetsoft) 💗

[Tapas Adhikary](https://hashnode.com/@atapas)

Educator @tapaScript | Founder CreoWis & ReactPlay - Writer - YouTuber - Open Source

[Sep 1, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612f395d4e9d8114f8ae1173)

[Rozen Deedi](https://hashnode.com/@Rozen), Super cool project.

[Rozen Deedi](https://hashnode.com/@Rozen)

Frontend Developer

[Sep 1, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612f395d4e9d8114f8ae1173#reply-612f3b6b4e9d8114f8ae11b2)

Thank you so much [Tapas Adhikary](https://hashnode.com/@atapas) 💗

[Rohit Jakhar](https://hashnode.com/@rohitjakhar)

Android Development

[Aug 31, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612dd96eeddad401eb3b6ad0)

Great work bro

[Rozen Deedi](https://hashnode.com/@Rozen)

Frontend Developer

[Aug 31, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612dd96eeddad401eb3b6ad0#reply-612ddc43eddad401eb3b6b1e)

Thank you so much bro [Rohit Jakhar](https://hashnode.com/@rohitjakhar) 💗

[Atharva Salve](https://hashnode.com/@AtharvaDev)

[Aug 31, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612dd739eddad401eb3b6a60)

Awesome app bro 🔥

[Rozen Deedi](https://hashnode.com/@Rozen)

Frontend Developer

[Aug 31, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612dd739eddad401eb3b6a60#reply-612ddc1deddad401eb3b6b07)

Thank you so much bro [Atharva Salve](https://hashnode.com/@AtharvaDev) 💗

[Ekikere-abasi Michael Ekere](https://hashnode.com/@NzakiCodes)

Software Developer

[Aug 30, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612d1ddcfd0bf8636d770aea)

I Love This

But Your map has a single location

Bravo

[Rozen Deedi](https://hashnode.com/@Rozen)

Frontend Developer

[Aug 30, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612d1ddcfd0bf8636d770aea#reply-612d20662858872661b9e78d)

Thank you so much <3

Has teen I am not allowed to use my credit card details to any platform so I tried Mapbox which is alternate to google maps .And for now I think Mapbox haven’t implemented live geolocation feature so if they implement , I will do it asap <3

Glad you loved it 💕[Ekikere-abasi Michael Ekere](https://hashnode.com/@NzakiCodes)

[Abhinav Rajesh](https://hashnode.com/@AbhinavRajesh)

Full stack developer and UI/UX Designer

[Aug 30, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612c8f2ffd0bf8636d76f3e5)

Awesome UI [Rozen Deedi](https://hashnode.com/@Rozen). I think I found a bug, when I search for a place and click the button "Sign in to book" instead of redirecting to login page it redirects me to stripe checkout page.

[Rozen Deedi](https://hashnode.com/@Rozen)

Frontend Developer

[Aug 30, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612c8f2ffd0bf8636d76f3e5#reply-612ca2a02858872661b9d2e5)

Thank you for letting me know ! I have done the necessary changes , you can check it now 💗

hope you enjoyed my website <3

[Usama Bhatti](https://hashnode.com/@usamabhatti)

Web Developer

[Aug 29, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612bc97ffd0bf8636d76e278)

Awesome bro.

[Rozen Deedi](https://hashnode.com/@Rozen)

Frontend Developer

[Aug 30, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612bc97ffd0bf8636d76e278#reply-612c5d59fd0bf8636d76ebb6)

Thank you bro 💗

[LAND OF MISFITS](https://hashnode.com/@ticy-tocy)

Check stuff out!

[Aug 29, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612bb7792858872661b9bb62)

Nice job!

[Rozen Deedi](https://hashnode.com/@Rozen)

Frontend Developer

[Aug 29, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612bb7792858872661b9bb62#reply-612bb9352858872661b9bbbf)

Thank you so much [LAND OF MISFITS](https://hashnode.com/@ticy-tocy) 💗

[Tan Ahmed](https://hashnode.com/@tan-ahmed)

Front-end Developer

[Aug 29, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612b7d11fd0bf8636d76d7b8)

Why did you use Tailwind css and Styled Components together? and how did you do it?

[Rozen Deedi](https://hashnode.com/@Rozen)

Frontend Developer

[Aug 29, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612b7d11fd0bf8636d76d7b8#reply-612b8be52858872661b9b549)

Actually for some of the objects I needed to use styled components coz there was no change by using tailwind. and to know more you can checkout my github repo <3

Hope you enjoyed my website ❤️

[Nishanth Dipali](https://hashnode.com/@lorsten)

rule the world

[Aug 29, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612b44582858872661b9ab44)

Good job brother keep going

[Rozen Deedi](https://hashnode.com/@Rozen)

Frontend Developer

[Aug 29, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612b44582858872661b9ab44#reply-612b50182858872661b9ac9e)

Thank you so much Bro [Nishanth Dipali](https://hashnode.com/@lorsten) <3

[Karthik Pariti](https://hashnode.com/@Kardev07)

I am an enthusiastic Web Developer

[Aug 29, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612b25622858872661b9a7c8)

The emoji's caught my eye!. Superb blog overall, great detail and the app is crushin!

[Rozen Deedi](https://hashnode.com/@Rozen)

Frontend Developer

[Aug 29, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612b25622858872661b9a7c8#reply-612b2753fd0bf8636d76cd92)

Thank you so much [Karthik Pariti](https://hashnode.com/@Kardev07) <3

[bukenya kizza roland](https://hashnode.com/@bkroland19)

Eng

[Aug 29, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612b25622858872661b9a7c8#reply-612b3a96fd0bf8636d76cf93)

[Rozen Deedi](https://hashnode.com/@Rozen)

this is really cool

[Rozen Deedi](https://hashnode.com/@Rozen)

Frontend Developer

[Aug 29, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612b25622858872661b9a7c8#reply-612b3f0efd0bf8636d76cffa)

Thank you so much <3 [bukenya kizza roland](https://hashnode.com/@bkroland19)

[Aman janwani](https://hashnode.com/@aman-janwani)

Front End web Developer

[Aug 29, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612b0f8ffd0bf8636d76cb65)

Hey, your app is superb & the blog is also Cool! [Rozen Deedi](https://hashnode.com/@Rozen)

[Rozen Deedi](https://hashnode.com/@Rozen)

Frontend Developer

[Aug 29, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612b0f8ffd0bf8636d76cb65#reply-612b11802858872661b9a5ec)

Thank you so much [Aman janwani](https://hashnode.com/@aman-janwani) <3

[Ayodele Samuel Adebayo](https://hashnode.com/@unclebigbay)

Software Engineer | Open-Source Contributor | Developer Educator

[Aug 29, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612aed16fd0bf8636d76c919)

is your site down?

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1630203152923/FhLyqKlMn.png)

[Rozen Deedi](https://hashnode.com/@Rozen)

Frontend Developer

[Aug 29, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612aed16fd0bf8636d76c919#reply-612b0332fd0bf8636d76ca4c)

It is working perfectly in my laptop and all my friends devices, try changing the network <3

[rozendeedi.me](https://www.rozendeedi.me/)

[Ayodele Samuel Adebayo](https://hashnode.com/@unclebigbay)

Software Engineer | Open-Source Contributor | Developer Educator

[Aug 29, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612aed16fd0bf8636d76c919#reply-612b143ffd0bf8636d76cb9a)

works fine now

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1630213171761/GAJO2iVUF.png) [Avneesh Agarwal](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/@avneesh0612)

[Rozen Deedi](https://hashnode.com/@Rozen)

Frontend Developer

[Aug 29, 2021](https://hashnode.com/posts/how-i-built-rozbnb-with-nextjs-tailwind-css-styled-components-stripe-and-auth0/612ad37efd0bf8636d76c7d5/comment/612aed16fd0bf8636d76c919#reply-612b1bf7fd0bf8636d76cc1e)

Hope you love it <3 [Ayodele Samuel Adebayo](https://hashnode.com/@unclebigbay)