Главная
Study mode:
on
1
- Introduction
2
- Getting started with Sanity
3
- Creating our Sanity Schemas
4
- Creating PropertyImage Type
5
- Creating Review Schema
6
- Creating Traveller Schema
7
- Creating Person Schema
8
- Adding Data to our Sanity Studio
9
- Getting Started with Next.js
10
- Connecting our Sanity App to our Next app
11
- Querying our Data with GROQ
12
- Building our Next.js pages
13
- Styling with CSS and Google Fonts
14
- Adding in our images
15
- Adding in our AirBnB property information styling
16
- Adding in Review information
17
- Adding in Location information
18
- Adding Links with Next.js
19
- Building our AirBnB’s home page
20
- Building our NavBar component
21
- Adding our AirBnB logo
22
- Adding a Cluster Map
23
- Conclusion
Description:
Build an AirBnB clone with structured content using Sanity.io and Next.js in this comprehensive tutorial video. Learn to create a backend that defines data relationships through Schemas and Types, and manage content visually with Sanity Studio. Explore topics such as Content Management Systems, Geolocation, Google Maps API, Clustering Markers, ServerSideProps, Sanity SDK, and React Hooks. Follow step-by-step instructions to set up Sanity, create schemas, add data, integrate Next.js, query data with GROQ, build pages, style with CSS and Google Fonts, implement images and property information, add reviews and location details, create a navbar, and incorporate a cluster map. Gain practical experience in full-stack development while creating a functional AirBnB-like application.

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

Code with Ania Kubów
Add to list
0:00 / 0:00