> Canonical URL: https://codingcat.dev/podcast/sveltekit-with-notion-cms-and-cloudinary

# SvelteKit with Notion CMS and Cloudinary

🎧 Podcast EpisodeAugust 18, 2022[Svelte & SvelteKit](/topic/svelte)[AI & MCP Agents](/topic/ai)

# SvelteKit with Notion CMS and Cloudinary

![](https://cdn.sanity.io/images/hfh83o0w/production/ccf3efb8ab477e278fe323c327aa0ee101b7b0bc-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)[![Tamas Piros](https://cdn.sanity.io/images/hfh83o0w/production/f0067036b9fb8acbeddb55fc4e2cf77ea5e7be7a-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Tamas Piros](/guest/tamas-piros)🎧 Listen & Subscribe[Spotify](https://open.spotify.com/episode/0mUfykKuZrNmAWTvq0Tmvm)[Apple](https://podcasts.apple.com/us/podcast/code-with-codingcat-dev-sveltekit-with-notion/id1491655542?i=1000660665754)[YouTube](https://www.youtube.com/watch?v=ElZfDlOevyc)[Pocket Casts](https://pca.st/episode/057dcc1b-4c44-41e1-bf93-eb042edc091d)[Castbox](https://castbox.fm/episode/id2508485-id715146520)[Castro](https://castro.fm/episode/gQ9qP)[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: SvelteKit with Notion CMS and Cloudinary✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for SvelteKit with Notion CMS and Cloudinary: start with Tamas Piros, implement Architecture & Patterns, and ship to production.AAA Contrast Verified

**SvelteKit with Notion CMS and Cloudinary ** is a CodingCat.dev podcast episode featuring Tamas Piros alongside Alex Patterson focused on Svelte, Cloudinary, SvelteKit. Tamas joins us to add Daisy UI and Cloudinary to our simple SvelteKit site. SvelteKit with Notion CMS and Cloudinary: #codewithcodingcatdev https://codingcat.dev https://cloudinary.com/ Watch the full video breakdown on [**YouTube**](https://www.youtube.com/watch?v=ElZfDlOevyc) or explore the architectural notes, chapters, and official documentation links below.

## Technical Overview: SvelteKit with Notion CMS and Cloudinary

SvelteKit with Notion CMS and Cloudinary: #codewithcodingcatdev https://codingcat.dev https://cloudinary.com/

When applying the concepts from **SvelteKit with Notion CMS and Cloudinary**  in a production codebase, teams working with Svelte, Cloudinary, SvelteKit, Notion should align their implementation with the [**Svelte & SvelteKit Documentation**](https://svelte.dev/docs) (Runes, compiler internals, and full-stack SvelteKit routing). 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 Svelte, Cloudinary, SvelteKit, Notion covered in "SvelteKit with Notion CMS and Cloudinary" (Tamas joins us to add Daisy UI and Cloudinary to our simple SvelteKit site.).
- **Production Implementation: ** Combine the architectural patterns demonstrated in this podcast with the official [Svelte & SvelteKit Documentation](https://svelte.dev/docs) for type safety, performance, and long-term maintainability.
- **Hands-On Video Walkthrough: ** Follow along with the live coding demos and discussion on [YouTube (SvelteKit with Notion CMS and Cloudinary)](https://www.youtube.com/watch?v=ElZfDlOevyc) 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: ** [SvelteKit with Notion CMS and Cloudinary Full Video](https://www.youtube.com/watch?v=ElZfDlOevyc) (plus [Subscribe to CodingCat.dev](https://www.youtube.com/@CodingCatDev?sub_confirmation=1))
- **cloudinary.com: ** [https://cloudinary.com/](https://cld.media/codingcatdev)
- [**Tamas Piros Guest Profile & Episodes on CodingCat.dev**](/guest/tamas-piros)
- [**Svelte & SvelteKit Documentation:**](https://svelte.dev/docs) Runes, compiler internals, and full-stack SvelteKit routing
- [**Cloudinary Programmable Media Docs:**](https://cloudinary.com/documentation?utm_source=codingcatdev) Automated image/video optimization, responsive delivery, and transformations
- [**SvelteKit Official Documentation:**](https://svelte.dev/docs/kit) Full-stack Svelte application routing, load functions, and adapters

## Related CodingCat.dev Tutorials & Podcast Episodes

- [**SvelteKit with DaisyUI**](/podcast/sveltekit-with-daisyui): Tamas joins us to add Daisy UI and Cloudinary to our simple SvelteKit site.
- [**SvelteKit with Notion CMS**](/podcast/sveltekit-with-notion-cms): We start to build CodingCat.dev by using Notion as our CMS.
- [**Simplyfing SvelteKit View Transitions with Paolo Ricciuti**](/podcast/cwcc-1-3-svelte-view-transitions): sveltekit-view-transitions offers a straightforward approach for implementing these transitions without complexity, aiming to enhance the user interface with sm...

## Frequently Asked Questions (FAQ)

### What are the main takeaways from SvelteKit with Notion CMS and Cloudinary?

Tamas joins us to add Daisy UI and Cloudinary to our simple SvelteKit site. SvelteKit with Notion CMS and Cloudinary: #codewithcodingcatdev https://codingcat.dev https://cloudinary.com/ Throughout this podcast, Tamas Piros breaks down real-world implementation details for Svelte, Cloudinary, SvelteKit so developers can apply these patterns directly in production.

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

When adopting Svelte and Cloudinary in a production stack, start by validating your configuration against the [**Svelte & SvelteKit Documentation**](https://svelte.dev/docs) (Runes, compiler internals, and full-stack SvelteKit routing). 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 SvelteKit with Notion CMS and Cloudinary walkthrough and find related code resources?

You can watch the complete video session for [**SvelteKit with Notion CMS and Cloudinary**](https://www.youtube.com/watch?v=ElZfDlOevyc) on the [**CodingCat.dev YouTube channel**](https://www.youtube.com/@CodingCatDev?sub_confirmation=1). For a deeper dive into Svelte, check out our related guide: [**SvelteKit with DaisyUI**](/podcast/sveltekit-with-daisyui).

## ✏️ Episode Summary

SvelteKit with Notion CMS and Cloudinary: #codewithcodingcatdev

https://codingcat.dev

https://cloudinary.com/

## 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)