I built an AirBnB clone with structured content! Using Sanity.io and Next.js

In this video I show you how to build an AirBnB Clone, as well as manage all your data visually. We are going to build a backend for the app that defines the relationships between our data thanks to Schemas and Types, and add data using Sanity Studio ( http://bit.ly/sanity-studio ) Topics we will be touching on: Schemas Types Content Management Systems Geolocation Google Maps API Clustering Markers Next.js ServerSideProps Sanity SDK React Hooks and much more! 0:00 - Introduction 2:39 - Getting started with Sanity 11:43 - Creating our Sanity Schemas 24:55 - Creating PropertyImage Type 30:15 - Creating Review Schema 34:44 - Creating Traveller Schema 35:50 - Creating Person Schema 42:28 - Adding Data to our Sanity Studio 52:17 - Getting Started with Next.js 56:00 - Connecting our Sanity App to our Next app 1:00:20 - Querying our Data with GROQ 1:03:57 - Building our Next.js pages 1:24:23 - Styling with CSS and Google Fonts 1:31:10 - Adding in our images 1:43:25 - Adding in our AirBnB property information styling 1:46:45 - Adding in Review information 1:54:25 - Adding in Location information 2:06:01 - Adding Links with Next.js 2:07:15 - Building our AirBnB’s home page 2:17:40 - Building our NavBar component 2:21:30 - Adding our AirBnB logo 2:23:35 - Adding a Cluster Map 2:30:25 - Conclusion If you get stuck, the Sanity community I was talking about can be found here on the Sanity Exchange (https://www.sanity.io/exchange) and the Sanity Slack Community (https://slack.sanity.io/). The code for my GitHub can be found here: https://github.com/kubowania/airbnb-s... https://github.com/kubowania/airbnb-s... Google Maps API info can be found here: https://developers.google.com/maps ____ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here: http://bit.ly/tabnine-top-tool If you would like to buy me a coffee, well thank you very much that is mega kind! : https://www.buymeacoffee.com/aniakubow Sign up for weekly coding tips from my newsletter partnership: https://bit.ly/JS-tips You can also find me on: Twitter:   / ania_kubow   Instagram:   / aniakubow   #codingbootcamp​​ #coding

🔴 Let's build a Property Booking App 2.0 with NEXT.JS! (Tailwind, Mapbox, Calendar & Date Picker)
▶︎

🔴 Let's build a Property Booking App 2.0 with NEXT.JS! (Tailwind, Mapbox, Calendar & Date Picker)

SUMMER DEEP HOUSE Musics Mix 2026 ♫ Bruno Mars, Lady Gaga,Dua Lipa, Adele,Ed Sheeran, The Weeknd #02
▶︎

SUMMER DEEP HOUSE Musics Mix 2026 ♫ Bruno Mars, Lady Gaga,Dua Lipa, Adele,Ed Sheeran, The Weeknd #02

4 Hours of Deep Focus Music for Studying - Concentration Music For Deep Thinking And Focus
▶︎

4 Hours of Deep Focus Music for Studying - Concentration Music For Deep Thinking And Focus

AI + Automation Study Hall Live, n8n Workflows & Business AI
▶︎

AI + Automation Study Hall Live, n8n Workflows & Business AI

Next.js Tutorial 2026 (UPDATED) - Full Course - Start Your Next.js Journey Here
▶︎

Next.js Tutorial 2026 (UPDATED) - Full Course - Start Your Next.js Journey Here

Nervous System Regulation (999 Hz) | 1 hour handpan music | Malte Marten
▶︎

Nervous System Regulation (999 Hz) | 1 hour handpan music | Malte Marten

Summer Mix 2026🔥 Best Popular Songs 2026 🔥Faded, Supergirl, A Sky Full Of Star, Perfect Cover
▶︎

Summer Mix 2026🔥 Best Popular Songs 2026 🔥Faded, Supergirl, A Sky Full Of Star, Perfect Cover

8 Hours - Relaxing Music with Sea Turtles in Hawaii | Great Escapes
▶︎

8 Hours - Relaxing Music with Sea Turtles in Hawaii | Great Escapes

I Hate Modern Desks... So I Built This.
▶︎

I Hate Modern Desks... So I Built This.

How to Build a Fullstack E-Commerce Website using Next.js, React, TypeScript, & Material UI (Full)
▶︎

How to Build a Fullstack E-Commerce Website using Next.js, React, TypeScript, & Material UI (Full)

Data Modeling for Power BI [Full Course] 📊
▶︎

Data Modeling for Power BI [Full Course] 📊

Cozy Coffee Shop Jazz Ambience | Relaxing Jazz & Fireplace Sounds for Study, Work & Stress Relief
▶︎

Cozy Coffee Shop Jazz Ambience | Relaxing Jazz & Fireplace Sounds for Study, Work & Stress Relief

🛑 Ultimate Tinder Clone | MongoDB | Authentication | Cookies | Chat
▶︎

🛑 Ultimate Tinder Clone | MongoDB | Authentication | Cookies | Chat

Personal Website Tutorial with Next.js 13, Sanity.io, TailwindCSS, and TypeScript
▶︎

Personal Website Tutorial with Next.js 13, Sanity.io, TailwindCSS, and TypeScript

Avicii, Dua Lipa, Coldplay, Martin Garrix & Kygo, The Chainsmokers Style – Summer AFRO HOUSE Mix #23
▶︎

Avicii, Dua Lipa, Coldplay, Martin Garrix & Kygo, The Chainsmokers Style – Summer AFRO HOUSE Mix #23

Let's code a Netflix Clone with GraphQL Pagination! Reviewed by a NETFLIX ENGINEER!
▶︎

Let's code a Netflix Clone with GraphQL Pagination! Reviewed by a NETFLIX ENGINEER!

AI + Automation Study Hall Live, n8n Workflows & Business AI
▶︎

AI + Automation Study Hall Live, n8n Workflows & Business AI

Build Nextjs ECommerce Website Like Amazon For Beginners [2022]
▶︎

Build Nextjs ECommerce Website Like Amazon For Beginners [2022]

Relaxing Rain Sounds and Soft Piano Music for Deep Sleep, Stress Relief, and Peaceful Nights
▶︎

Relaxing Rain Sounds and Soft Piano Music for Deep Sleep, Stress Relief, and Peaceful Nights

Uninterrupted Deep Work Mix ~ Immersive Productivity Soundscape ~ Neural Focus Study Music
▶︎

Uninterrupted Deep Work Mix ~ Immersive Productivity Soundscape ~ Neural Focus Study Music