Building an Airbnb Clone with Sanity.io and Next.js

Building an Airbnb Clone with Sanity.io and Next.js

Code with Ania Kubów via YouTube Direct link

- Introduction

1 of 23

1 of 23

- Introduction

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Building an Airbnb Clone with Sanity.io and Next.js

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Introduction
  2. 2 - Getting started with Sanity
  3. 3 - Creating our Sanity Schemas
  4. 4 - Creating PropertyImage Type
  5. 5 - Creating Review Schema
  6. 6 - Creating Traveller Schema
  7. 7 - Creating Person Schema
  8. 8 - Adding Data to our Sanity Studio
  9. 9 - Getting Started with Next.js
  10. 10 - Connecting our Sanity App to our Next app
  11. 11 - Querying our Data with GROQ
  12. 12 - Building our Next.js pages
  13. 13 - Styling with CSS and Google Fonts
  14. 14 - Adding in our images
  15. 15 - Adding in our AirBnB property information styling
  16. 16 - Adding in Review information
  17. 17 - Adding in Location information
  18. 18 - Adding Links with Next.js
  19. 19 - Building our AirBnB’s home page
  20. 20 - Building our NavBar component
  21. 21 - Adding our AirBnB logo
  22. 22 - Adding a Cluster Map
  23. 23 - Conclusion

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.