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

This project-based course builds an Airbnb-style web application with Next.js and Sanity. It covers structured schemas and content management, GROQ data queries, page styling, property and review information, navigation, and a clustered location map.

Syllabus

- Introduction
- Getting started with Sanity
- Creating our Sanity Schemas
- Creating PropertyImage Type
- Creating Review Schema
- Creating Traveller Schema
- Creating Person Schema
- Adding Data to our Sanity Studio
- Getting Started with Next.js
- Connecting our Sanity App to our Next app
- Querying our Data with GROQ
- Building our Next.js pages
- Styling with CSS and Google Fonts
- Adding in our images
- Adding in our AirBnB property information styling
- Adding in Review information
- Adding in Location information
- Adding Links with Next.js
- Building our AirBnB’s home page
- Building our NavBar component
- Adding our AirBnB logo
- Adding a Cluster Map
- Conclusion