> Canonical URL: https://codingcat.dev/podcast/1-42-using-content-as-data-with-sanity-io

# Using Content as Data with Sanity.io

🎧 Podcast Episode · S1E42October 27, 2021[![](/logos/sanity/Sanity-Symbol--black_on_transparent.svg)![](/logos/sanity/Sanity-Symbol--white_on_transparent.svg)Sanity](/topic/sanity)

# Using Content as Data with Sanity.io

![](https://cdn.sanity.io/images/hfh83o0w/production/f4cd4cba0125a1a2887be39dfb024209e79cd439-1920x1080.png?w=1920&h=1080&q=82&fit=max&auto=format)[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/images/hfh83o0w/production/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Knut Melvaer](https://cdn.sanity.io/images/hfh83o0w/production/e0d26d888bd81d6f5df2bd67ee300a0c120fe596-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Knut Melvaer](/guest/knut-melvaer)[![Sarah Kapehe](https://cdn.sanity.io/images/hfh83o0w/production/8dd704389e9e72ca5b2b99dd1bb3b507ebfd133a-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Sarah Kapehe](/guest/sarah-kapehe)🎧 Listen & Subscribe[Spotify](https://open.spotify.com/episode/4wlShV6YkwHjONHAot56B4)[Apple](https://podcasts.apple.com/us/podcast/1-42-using-content-as-data-with-sanity-io/id1491655542?i=1000539904472)[YouTube](https://www.youtube.com/watch?v=C6qa8bYsfLs)[Pocket Casts](https://pca.st/episode/08d61d3f-ad76-450a-bcbe-ea675e7053d6)[Castbox](https://castbox.fm/episode/id2508485-id436481026)[Castro](https://castro.fm/episode/f2Gkay)[Overcast](https://overcast.fm/itunes1491655542)[RSS](https://anchor.fm/s/115b203c/podcast/rss)✏️ Visual Architecture Diagram

## how this episode connects together.

Follow AJ from first principles to production-ready architecture.

Let’s build it!✏️ Visual Diagram: Using Content as Data with Sanity.io✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for Using Content as Data with Sanity.io: start with Knut Melvaer, implement Sarah Kapehe, and ship to production.AAA Contrast Verified

**Using Content as Data with Sanity.io ** is a CodingCat.dev podcast episode featuring Knut Melvaer and Sarah Kapehe alongside Alex Patterson and Brittney Postma focused on Sanity, Next.js, Vercel. We sit down with Kap and Knut from Sanity.io to talk about using content as data. Watch the full video breakdown on [**YouTube**](https://www.youtube.com/watch?v=C6qa8bYsfLs) or explore the architectural notes, chapters, and official documentation links below.

## Questions

- Knut we last chatted in February of 2020, a lot has happened since then, how are you?
- Kap you started at Sanity in July of 2020, but before that you worked for Auth0 and also as a flight attendant for 6 years.How did you find your way into tech?

- How has Next.js played a role for Sanity?
- Is there an official way to structure your content on Sanity? (Nesting issues and reusability)
- What is new in 2.19.2[https://github.com/sanity-io/sanity/releases/tag/v2.19.0](https://github.com/sanity-io/sanity/releases/tag/v2.19.0)

## Links

- [https://www.sanity.io/docs/getting-started](https://www.sanity.io/docs/getting-started?coupon=CodingCatDev&utm_source=codingcatdev)
- [https://www.sanity.io/exchange](https://www.sanity.io/exchange?coupon=CodingCatDev&utm_source=codingcatdev)

## Technical Overview: Using Content as Data with Sanity.io

1.42 - Using Content as Data with Sanity.io: https://codingcat.dev/podcast/1-42-using-content-as-data-with-sanity-io We sit down with Kap and Knut from Sanity.io to talk about using content as data. 00:00 - Intro
00:30 - Kap Intro
03:10 - Knut Intro
05:25 - What is Sanity.io?
06:37 - How does structured content help?
09:30 - Sanity intro - h

When applying the concepts from **Using Content as Data with Sanity.io**  in a production codebase, teams working with Sanity, Next.js, Vercel, PHP should align their implementation with the [**Sanity.io Content Operating System Docs**](https://www.sanity.io/docs?coupon=CodingCatDev&utm_source=codingcatdev) (GROQ queries, Portable Text, Content Lake, and Agent Context). Structuring your workflow around repeatable patterns, automated verification, and clear separation of concerns helps prevent regressions as your application scales.

### Key Engineering Takeaways

- **Core Topic Focus: ** Practical strategies for Sanity, Next.js, Vercel, PHP covered in "Using Content as Data with Sanity.io" (We sit down with Kap and Knut from Sanity.io to talk about using content as data.).
- **Production Implementation: ** Combine the architectural patterns demonstrated in this podcast with the official [Sanity.io Content Operating System Docs](https://www.sanity.io/docs?coupon=CodingCatDev&utm_source=codingcatdev) for type safety, performance, and long-term maintainability.
- **Hands-On Video Walkthrough: ** Follow along with the live coding demos and discussion on [YouTube (Using Content as Data with Sanity.io)](https://www.youtube.com/watch?v=C6qa8bYsfLs) and subscribe to [CodingCat.dev on YouTube](https://www.youtube.com/@CodingCatDev?sub_confirmation=1) for weekly deep dives.

## Video Chapters & Timestamps

Jump directly to any segment of [**Using Content as Data with Sanity.io**](https://www.youtube.com/watch?v=C6qa8bYsfLs) on YouTube using the timestamped chapters below:

- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): Intro
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): Kap Intro
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): Knut Intro
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): What is Sanity.io?
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): How does structured content help?
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): Sanity intro - https://www.sanity.io/docs/overview-introduction
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): Portable Text
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): Why Portable Text instead of Markdown
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): Original Santiy
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): Management Studio
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): Sanity Studio
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): How does this differ from WordPress?
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): Rest or GraphQL and Groq
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): Next.js and Sanity
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): Dynamic updates in Next and Sanity
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): SSR, SSG, and CSR in Sanity
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): How do you structure your content on Sanity?
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): What has changed in Sanity?
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): Sanity.io crash course - https://www.youtube.com/watch?v=32RP-sG1njE
- [**00:00**](https://www.youtube.com/watch?v=C6qa8bYsfLs&t=0s): https://www.sanity.io/exchange

## Resources, Links & Official Documentation

- **Watch on YouTube: ** [Using Content as Data with Sanity.io Full Video](https://www.youtube.com/watch?v=C6qa8bYsfLs) (plus [Subscribe to CodingCat.dev](https://www.youtube.com/@CodingCatDev?sub_confirmation=1))
- **:30 - Sanity intro: ** [https://www.sanity.io/docs/overview-introduction](https://www.sanity.io/docs/overview-introduction?coupon=CodingCatDev&utm_source=codingcatdev)
- **::30: ** [https://slack.sanity.io](https://www.sanity.io/manage?coupon=CodingCatDev)
- **:10 - Sanity.io crash course: ** [https://www.youtube.com/watch?v=32RP-sG1njE](https://www.youtube.com/watch?v=32RP-sG1njE)
- **:31 - Kap: ** [https://www.crunchyroll.com/jujutsu-kaisen](https://www.crunchyroll.com/jujutsu-kaisen)
- **:30: ** [https://www.crunchyroll.com/your-lie-in-april](https://www.crunchyroll.com/your-lie-in-april)
- **:15 - Knut: ** [https://www.fourtet.net/](https://www.fourtet.net/)
- **:00: ** [https://fig.io/](https://fig.io/)
- **:15 - Brittney: ** [https://www.youtube.com/watch?v=1WmNXEVia8I](https://www.youtube.com/watch?v=1WmNXEVia8I)
- **:20 - Alex: ** [https://vercel.com/integrations/sanity](https://vercel.com/integrations/sanity)
- **:05: ** [https://pgatour.2k.com/](https://pgatour.2k.com/)
- **Show Pick: ** [Vercel Integrations with Sanity (picked by Alex Patterson)](https://vercel.com/integrations/sanity)
- **Show Pick: ** [PGA Tour 2K21 (picked by Alex Patterson)](https://pgatour.2k.com/)
- **Show Pick: ** [Next.js for Beginners - Full Course (picked by Brittney Postma)](https://youtu.be/1WmNXEVia8I)
- **Show Pick: ** [Jujutsu Kaisen (picked by Sarah Kapehe)](https://www.crunchyroll.com/jujutsu-kaisen)
- **Show Pick: ** [Your lie in April (picked by Sarah Kapehe)](https://www.crunchyroll.com/your-lie-in-april)
- **Show Pick: ** [Four Tet Live Sets (especially The Lot ones) (picked by Knut Melvaer)](https://www.fourtet.net/)
- **Show Pick: ** [BETTER (picked by Knut Melvaer)](https://www.youtube.com/watch?v=EFh-vtZHjOQ)
- **Show Pick: ** [fig: autocomplete for terminals (picked by Knut Melvaer)](https://fig.io/)
- [**Knut Melvaer Guest Profile & Episodes on CodingCat.dev**](/guest/knut-melvaer)
- [**Knut Melvaer on GitHub**](https://github.com/kmelve)
- [**Sarah Kapehe Guest Profile & Episodes on CodingCat.dev**](/guest/sarah-kapehe)
- [**Sarah Kapehe on GitHub**](https://github.com/kapehe-ok)
- [**Sanity.io Content Operating System Docs:**](https://www.sanity.io/docs?coupon=CodingCatDev&utm_source=codingcatdev) GROQ queries, Portable Text, Content Lake, and Agent Context
- [**Next.js Official Documentation:**](https://nextjs.org/docs) App Router, Server Actions, and rendering architecture guides
- [**Vercel Documentation:**](https://vercel.com/docs) Edge network deployments, serverless functions, and frontend cloud

## Related CodingCat.dev Tutorials & Podcast Episodes

- [**Sanity Knowledge Bases**](/post/sanity-knowledge-bases): Eliminate query-time guessing in your AI agents. Learn how Sanity Context Knowledge Bases compile structured datasets, crawled documentation websites, and uploa...
- [**Sanity.io to Builder.io Data Transfer**](/post/sanity-io-to-builder-io-data-transfer): In this example I will walk you through what data looks like in Sanity.io and how to get that data over to your Builder.io instance while creating models.
- [**supastarter and Indie Hacking with Jonathan Wilke**](/podcast/supastarter-and-indie-hacking-with-jonathan-wilke): Explore indie hacking, SaaS growth strategies, and innovative developer tools with Jonathan Wilke.

## Frequently Asked Questions (FAQ)

### What are the main takeaways from Using Content as Data with Sanity.io?

We sit down with Kap and Knut from Sanity.io to talk about using content as data. 1.42 - Using Content as Data with Sanity.io: https://codingcat.dev/podcast/1-42-using-content-as-data-with-sanity-io We sit down with Kap and Knut from Sanity.io to talk about using content as data. 00:00 - Intro
00:30 - Kap Intro
03:10 - Knut Intro
05:25 - What is Sanity.io?
06:37 - How does structured content help?
09:30 - Sanity intro - h Throughout this podcast, Knut Melvaer and Sarah Kapehe breaks down real-world implementation details for Sanity, Next.js, Vercel so developers can apply these patterns directly in production.

### How do you implement Sanity best practices in production?

When adopting Sanity and Next.js in a production stack, start by validating your configuration against the [**Sanity.io Content Operating System Docs**](https://www.sanity.io/docs?coupon=CodingCatDev&utm_source=codingcatdev) (GROQ queries, Portable Text, Content Lake, and Agent Context). Focus on incremental adoption, automated testing, and observability so your team can measure performance and developer velocity improvements at each stage.

### Where can I watch the full Using Content as Data with Sanity.io walkthrough and find related code resources?

You can watch the complete video session for [**Using Content as Data with Sanity.io**](https://www.youtube.com/watch?v=C6qa8bYsfLs) on the [**CodingCat.dev YouTube channel**](https://www.youtube.com/@CodingCatDev?sub_confirmation=1). For a deeper dive into Sanity, check out our related guide: [**Sanity Knowledge Bases**](/post/sanity-knowledge-bases).

## ✏️ Episode Summary

1.42 - Using Content as Data with Sanity.io: https://codingcat.dev/podcast/1-42-using-content-as-data-with-sanity-io

We sit down with Kap and Knut from Sanity.io to talk about using content as data.

00:00 - Intro
00:30 - Kap Intro
03:10 - Knut Intro
05:25 - What is Sanity.io?
06:37 - How does structured content help?
09:30 - Sanity intro - h

## episode picks.

### 🐾 Alex Patterson

- [Vercel Integrations with Sanity](https://vercel.com/integrations/sanity)
- [PGA Tour 2K21](https://pgatour.2k.com/)

### 🐾 Brittney Postma

- [Next.js for Beginners - Full Course](https://youtu.be/1WmNXEVia8I)

### 🐾 Knut Melvaer

- [Four Tet Live Sets (especially The Lot ones)](https://www.fourtet.net/)
- [BETTER](https://www.youtube.com/watch?v=EFh-vtZHjOQ)
- [fig: autocomplete for terminals](https://fig.io/)

### 🐾 Sarah Kapehe

- [Jujutsu Kaisen](https://www.crunchyroll.com/jujutsu-kaisen)
- [Your lie in April](https://www.crunchyroll.com/your-lie-in-april)

## recent episodes.

[All Episodes→](/podcasts)[![GenAI for Engineers, What](https://cdn.sanity.io/images/hfh83o0w/production/3e48f44739be2aabf3aaa805e51b3a6328979153-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/genai-for-engineers-what-s-real-what-s-not-and-what-s-coming)November 19, 2025[AI & MCP Agents](/topic/ai)

### [GenAI for Engineers, What's Real, What's Not and What's Coming](/podcast/genai-for-engineers-what-s-real-what-s-not-and-what-s-coming)

Curious about GenAI for engineers? Learn what's real, what's not, and what's next in AI.

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Balki Kodarapu](https://cdn.sanity.io/images/hfh83o0w/production/25fd44884e232394eb74b776fcec7e8d13330ca0-1060x794.png?rect=133,0,794,794&w=96&h=96&q=82&fit=max&auto=format)Balki Kodarapu](/guest/balki-kodarapu)[![How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](https://cdn.sanity.io/images/hfh83o0w/production/0beb99900f4c24e284df2dee3e2d740062c6ce96-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences)November 4, 2025[AI & MCP Agents](/topic/ai)

### [How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences)

Curious about OAuth, MCP servers, and building cool ChatGPT apps? Hear from Max of Stytch as we dive deep, break down the tech, and build a Tamagotchi together!

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Max Gerber](https://cdn.sanity.io/images/hfh83o0w/production/4497bb7ada0e39b4cd13b0e3ca00c930389dab02-1292x1088.png?rect=102,0,1088,1088&w=96&h=96&q=82&fit=max&auto=format)Max Gerber](/guest/max-gerber)