> Canonical URL: https://codingcat.dev/podcast/1-39-organizing-your-content-for-the-world-with-storyblok # Organizing your content for the world with Storyblok 🎧 Podcast Episode · S1E39October 6, 2021[![](/logos/tags/storyblok-symbol-light.svg)![](/logos/tags/storyblok-symbol-dark.svg)Storyblok](/topic/storyblok)[![](/logos/tags/nextjs-symbol-light.svg)![](/logos/tags/nextjs-symbol-dark.svg)Next.js](/topic/nextjs)[![](/logos/tags/builder-io-symbol-light.svg)![](/logos/tags/builder-io-symbol-dark.svg)Builder.io](/topic/builder-io)[#Headless CMS](/topic/cms)[#WebDev](/topic/webdev)[#Accessibility](/topic/a11y) # Organizing your content for the world with Storyblok ![](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/2d68f449c62af8ea1ac6f369c8e9c5f99777f574-1920x1080.png?w=1920&h=1080&q=82&fit=max&auto=format)[@CodingCatDev62.5K / 100K Subscribers Goal](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Subscribe on YouTube→](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Watch on YouTube App ↗](https://www.youtube.com/watch?v=CVNbMHDTa2o&list=UUnKZ8gEb78zXKMi1ns-IQ2g)[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Facundo Giuliani](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/c82cfe3099e45abf458b1babae0148f5ba1d8deb-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Facundo Giuliani](/guest/facundo-giuliani)🎧 Listen & Subscribe[Spotify](https://open.spotify.com/episode/4QryedSAw7HCWSrFYidABM)[Apple](https://podcasts.apple.com/us/podcast/1-39-organizing-your-content-for-the-world-with-storyblok/id1491655542?i=1000537749467)[YouTube](https://www.youtube.com/watch?v=CVNbMHDTa2o&list=PLUKgAjyG9B0ZhUEXp9eVa7h4L__FDW3uV)[Subscribe on YouTube (62.5K / 100K) →](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Pocket Casts](https://pca.st/episode/f4752418-a03c-47c6-8974-da82d7fddbbd)[Castbox](https://castbox.fm/episode/id2508485-id430205645)[Castro](https://castro.fm/episode/CCUx0O)[Overcast](https://overcast.fm/itunes1491655542)[RSS](https://anchor.fm/s/115b203c/podcast/rss) **Organizing your content for the world with Storyblok ** is a CodingCat.dev podcast episode featuring Facundo Giuliani alongside Alex Patterson and Brittney Postma focused on Storyblok, Next.js. We sit down with Facundo Giuliani to talk all about Storyblok and how it differs form other Content Management System. 1.39 - Organizing your content for the world with Storyblok: https://codingcat.dev/podcast/1-39-organizing-your-content-for-the-world-with-storyblok Watch the full video breakdown on [**YouTube**](https://www.youtube.com/watch?v=CVNbMHDTa2o) or explore the architectural notes, chapters, and official documentation links below. ## Questions - How did you get your started in Developer Relations? - What is Storyblok? - How does it differ from other CMS's? - Visual Editor - Storyblok v2: [https://www.storyblok.com/v2](https://www.storyblok.com/v2?utm_source=codingcat&utm_medium=sponsor&utm_campaign=AWA_SPON_PURRFECT_TRA&utm_content=purrfect-podcast) - What makes it specific to eCommerce? ## Links - [Storyblok CDN](https://www.storyblok.com/mp/storyblok-content-management-in-china?utm_source=codingcat&utm_medium=sponsor&utm_campaign=AWA_SPON_PURRFECT_TRA&utm_content=purrfect-podcast) - [Ecommerce](https://www.storyblok.com/lp/ecommerce?utm_source=codingcat&utm_medium=sponsor&utm_campaign=AWA_SPON_PURRFECT_TRA&utm_content=purrfect-podcast) ## Technical Overview: Organizing your content for the world with Storyblok 1.39 - Organizing your content for the world with Storyblok: https://codingcat.dev/podcast/1-39-organizing-your-content-for-the-world-with-storyblok When applying the concepts from **Organizing your content for the world with Storyblok** in a production codebase, teams working with Storyblok, Next.js should align their implementation with the [**Storyblok Headless CMS Documentation**](https://www.storyblok.com/docs?utm_source=codingcat&utm_medium=sponsor&utm_campaign=AWA_SPON_PURRFECT_TRA&utm_content=purrfect-podcast) (Component-based headless CMS and visual editor APIs). 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 Storyblok, Next.js covered in "Organizing your content for the world with Storyblok" (We sit down with Facundo Giuliani to talk all about Storyblok and how it differs form other Content Management System.). - **Production Implementation: ** Combine the architectural patterns demonstrated in this podcast with the official [Storyblok Headless CMS Documentation](https://www.storyblok.com/docs?utm_source=codingcat&utm_medium=sponsor&utm_campaign=AWA_SPON_PURRFECT_TRA&utm_content=purrfect-podcast) for type safety, performance, and long-term maintainability. - **Hands-On Video Walkthrough: ** Follow along with the live coding demos and discussion on [YouTube (Organizing your content for the world with Storyblok)](https://www.youtube.com/watch?v=CVNbMHDTa2o) and subscribe to [CodingCat.dev on YouTube](https://www.youtube.com/@CodingCatDev?sub_confirmation=1) for weekly deep dives. ## Resources, Links & Official Documentation - **Watch on YouTube: ** [Organizing your content for the world with Storyblok Full Video](https://www.youtube.com/watch?v=CVNbMHDTa2o) (plus [Subscribe to CodingCat.dev](https://www.youtube.com/@CodingCatDev?sub_confirmation=1)) - **Show Pick: ** [Respect (movie) (picked by Alex Patterson)](https://www.amazon.com/dp/B09CWL3MJK) - **Show Pick: ** [Scott Tolinski Tries Storyblok (picked by Brittney Postma)](https://www.youtube.com/watch?v=s6LuF_eqGkg) - **Show Pick: ** [Ted Lasso Season 2 (picked by Brittney Postma)](https://tv.apple.com/show/umc.cmc.vtoh0mn0xn7t3c643xqonfzy) - **Show Pick: ** [Just JavaScript (picked by Facundo Giuliani)](https://justjavascript.com/) - **Show Pick: ** [Headphones Sony WH-1000XM4 (picked by Facundo Giuliani)](https://electronics.sony.com/audio/speakers/360-reality-audio/p/wh1000xm4-b) - [**Facundo Giuliani Guest Profile & Episodes on CodingCat.dev**](/guest/facundo-giuliani) - [**Facundo Giuliani on GitHub**](https://github.com/fgiuliani) - [**Facundo Giuliani Official Website**](https://fgiuliani.com) - [**Storyblok Headless CMS Documentation:**](https://www.storyblok.com/docs?utm_source=codingcat&utm_medium=sponsor&utm_campaign=AWA_SPON_PURRFECT_TRA&utm_content=purrfect-podcast) Component-based headless CMS and visual editor APIs - [**Next.js Official Documentation:**](https://nextjs.org/docs) App Router, Server Actions, and rendering architecture guides ## Related CodingCat.dev Tutorials & Podcast Episodes - [**Breaking down Qwik with Shai Reznik**](/podcast/3-5-Breaking-down-Qwik-with-Shai-Reznik): Shai is the Qwik community lead and entertains Alex with his comic relief as well as why Qwik is changing the web development space. - [**Content Creation with Richard Bray**](/podcast/3-1-Content-Creation-with-Richard-Bray): Ricard talks all about his creative process for his YouTube channel, game development and much more! - [**Storyblok and achieving better Accessibility from Developer Experience**](/podcast/2-44-Storyblok-and-achieving-better-Accessibility-from-Developer-Experience): All about Storyblok and how achieving better A11y can be done through developer experience. ## Frequently Asked Questions (FAQ) ### What are the main takeaways from Organizing your content for the world with Storyblok? We sit down with Facundo Giuliani to talk all about Storyblok and how it differs form other Content Management System. 1.39 - Organizing your content for the world with Storyblok: https://codingcat.dev/podcast/1-39-organizing-your-content-for-the-world-with-storyblok Throughout this podcast, Facundo Giuliani breaks down real-world implementation details for Storyblok, Next.js so developers can apply these patterns directly in production. ### How do you implement Storyblok best practices in production? When adopting Storyblok and Next.js in a production stack, start by validating your configuration against the [**Storyblok Headless CMS Documentation**](https://www.storyblok.com/docs?utm_source=codingcat&utm_medium=sponsor&utm_campaign=AWA_SPON_PURRFECT_TRA&utm_content=purrfect-podcast) (Component-based headless CMS and visual editor APIs). 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 Organizing your content for the world with Storyblok walkthrough and find related code resources? You can watch the complete video session for [**Organizing your content for the world with Storyblok**](https://www.youtube.com/watch?v=CVNbMHDTa2o) on the [**CodingCat.dev YouTube channel**](https://www.youtube.com/@CodingCatDev?sub_confirmation=1). For a deeper dive into Storyblok, check out our related guide: [**Breaking down Qwik with Shai Reznik**](/podcast/3-5-Breaking-down-Qwik-with-Shai-Reznik). ## ✏️ Episode Summary 1.39 - Organizing your content for the world with Storyblok: https://codingcat.dev/podcast/1-39-organizing-your-content-for-the-world-with-storyblok ✏️ Visual Architecture Diagram ## how this episode connects together. Follow AJ from first principles to production-ready architecture. Let’s build it!✏️ Visual Diagram: Organizing your content for the world with Story…✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for Organizing your content for the world with Storyblok: start with Facundo Giuliani, implement Architecture & Patterns, and ship to production.AAA Contrast Verified ## episode picks. ### 🐾 Alex Patterson - [Respect (movie)](https://www.amazon.com/dp/B09CWL3MJK) ### 🐾 Brittney Postma - [Scott Tolinski Tries Storyblok](https://www.youtube.com/watch?v=s6LuF_eqGkg) - [Ted Lasso Season 2](https://tv.apple.com/show/umc.cmc.vtoh0mn0xn7t3c643xqonfzy) ### 🐾 Facundo Giuliani - [Just JavaScript](https://justjavascript.com/) - [Headphones Sony WH-1000XM4](https://electronics.sony.com/audio/speakers/360-reality-audio/p/wh1000xm4-b) ## related episodes. [All Episodes→](/podcasts)[![The Five Layers of Agentic Context: Why Canon Only Turns When Someone Signs Off](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/d702615b4d3c30ea99dc40f10a576db4cd1c4c73-2752x1536.jpg?w=1920&q=82&fit=max&auto=format)](/post/the-five-layers-of-agentic-context-why-canon-only-turns-when-someone-signs-off)October 14, 2026[![](/logos/tags/html-symbol-light.svg)![](/logos/tags/html-symbol-dark.svg)HTML](/topic/html)[![](/logos/tags/mcp-symbol-light.svg)![](/logos/tags/mcp-symbol-dark.svg)MCP](/topic/mcp)[#AI & Agents](/topic/ai)[+3](/post/the-five-layers-of-agentic-context-why-canon-only-turns-when-someone-signs-off) ### [The Five Layers of Agentic Context: Why Canon Only Turns When Someone Signs Off](/post/the-five-layers-of-agentic-context-why-canon-only-turns-when-someone-signs-off) A deep-dive review of Magnus Hillestad's Five Layers of Agentic Context on the Sanity blog, exploring why Situation, Records, Memory, Process, and Canon move at different speeds, plus a working interactive HTML/SVG Situation-to-Canon wheel you can drop into any webpage. [![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![The Odin Project 5: Advanced HTML, CSS View Transitions & WCAG Accessibility](https://cdn.sanity.io/images/hfh83o0w/production/93736ccee5b8c088a202f319ce1223899a41f6bf-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/odin-advanced-html-css-and-a11y)November 4, 2026[![](/logos/tags/css-symbol-light.svg)![](/logos/tags/css-symbol-dark.svg)CSS](/topic/css)[#Accessibility](/topic/a11y)[![](/logos/tags/html-symbol-light.svg)![](/logos/tags/html-symbol-dark.svg)HTML](/topic/html)[+1](/course/odin-advanced-html-css-and-a11y) ### [The Odin Project 5: Advanced HTML, CSS View Transitions & WCAG Accessibility](/course/odin-advanced-html-css-and-a11y) Build 60fps GPU-accelerated animations, multi-page Astro View Transitions, WCAG AAA focus rings, and accessible native and Popover components. [![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)