Using Content as Data with Sanity.io
how this episode connects together.
Follow AJ from first principles to production-ready architecture.
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 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
Links
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 (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 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) and subscribe to CodingCat.dev on YouTube for weekly deep dives.
Video Chapters & Timestamps
Jump directly to any segment of Using Content as Data with Sanity.io on YouTube using the timestamped chapters below:
- 00:00: Intro
- 00:00: Kap Intro
- 00:00: Knut Intro
- 00:00: What is Sanity.io?
- 00:00: How does structured content help?
- 00:00: Sanity intro - https://www.sanity.io/docs/overview-introduction
- 00:00: Portable Text
- 00:00: Why Portable Text instead of Markdown
- 00:00: Original Santiy
- 00:00: Management Studio
- 00:00: Sanity Studio
- 00:00: How does this differ from WordPress?
- 00:00: Rest or GraphQL and Groq
- 00:00: Next.js and Sanity
- 00:00: Dynamic updates in Next and Sanity
- 00:00: SSR, SSG, and CSR in Sanity
- 00:00: How do you structure your content on Sanity?
- 00:00: What has changed in Sanity?
- 00:00: Sanity.io crash course - https://www.youtube.com/watch?v=32RP-sG1njE
- 00:00: https://www.sanity.io/exchange
Resources, Links & Official Documentation
- Watch on YouTube: Using Content as Data with Sanity.io Full Video (plus Subscribe to CodingCat.dev)
- :30 - Sanity intro: https://www.sanity.io/docs/overview-introduction
- ::30: https://slack.sanity.io
- :10 - Sanity.io crash course: https://www.youtube.com/watch?v=32RP-sG1njE
- :31 - Kap: https://www.crunchyroll.com/jujutsu-kaisen
- :30: https://www.crunchyroll.com/your-lie-in-april
- :15 - Knut: https://www.fourtet.net/
- :00: https://fig.io/
- :15 - Brittney: https://www.youtube.com/watch?v=1WmNXEVia8I
- :20 - Alex: https://vercel.com/integrations/sanity
- :05: https://pgatour.2k.com/
- Show Pick: Vercel Integrations with Sanity (picked by Alex Patterson)
- Show Pick: PGA Tour 2K21 (picked by Alex Patterson)
- Show Pick: Next.js for Beginners - Full Course (picked by Brittney Postma)
- Show Pick: Jujutsu Kaisen (picked by Sarah Kapehe)
- Show Pick: Your lie in April (picked by Sarah Kapehe)
- Show Pick: Four Tet Live Sets (especially The Lot ones) (picked by Knut Melvaer)
- Show Pick: BETTER (picked by Knut Melvaer)
- Show Pick: fig: autocomplete for terminals (picked by Knut Melvaer)
- Knut Melvaer Guest Profile & Episodes on CodingCat.dev
- Knut Melvaer on GitHub
- Sarah Kapehe Guest Profile & Episodes on CodingCat.dev
- Sarah Kapehe on GitHub
- Sanity.io Content Operating System Docs: GROQ queries, Portable Text, Content Lake, and Agent Context
- Next.js Official Documentation: App Router, Server Actions, and rendering architecture guides
- Vercel Documentation: Edge network deployments, serverless functions, and frontend cloud
Related CodingCat.dev Tutorials & Podcast Episodes
- 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: 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: 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 (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 on the CodingCat.dev YouTube channel. For a deeper dive into Sanity, check out our related guide: 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