> Canonical URL: https://codingcat.dev/topic/sveltekit

# SvelteKit Courses, Podcasts & Blog Posts | CodingCat.dev

🚀 Framework & UI Hub

# SvelteKit.

Server Load Functions, Progressive Form Actions & Edge Adapters

Explore CodingCat.dev hands-on courses, video lessons, podcast episodes, and technical deep-dive blog posts covering SvelteKit: Server Load Functions, Progressive Form Actions & Edge Adapters.

[Search All SvelteKit Content](/search?q=SvelteKit)![SvelteKit official logo](/logos/tags/sveltekit-lockup-light.svg)![SvelteKit official logo](/logos/tags/sveltekit-lockup-dark.svg)Official SvelteKit Brand Lockup (3 Blog Posts · 5 Episodes)✏️ SvelteKit Production Architecture Diagram✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]How SvelteKit fits into a modern, type-safe full-stack production architecture on CodingCat.dev.AAA Contrast Verified

## SvelteKit Courses.

[All Courses&rarr;](/courses)[![Learn SvelteKit and Firebase: The Ultimate Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/c89927147885230ea6b3b5802bd574097b4d36b4-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/course/sveltekit-firebase)December 15, 2023[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/svelte-symbol-light.svg)![](/logos/tags/svelte-symbol-dark.svg)Svelte](/topic/svelte)

### [Learn SvelteKit and Firebase: The Ultimate Guide](/course/sveltekit-firebase)

Learn how to use SvelteKit and Firebase to build high-performance, scalable web applications.

## SvelteKit Blog Posts.

Showing 3 of 3 blog postsFiltered: SvelteKit[Open Full Topic Hub &rarr;](/topic/sveltekit)[![Integrating Storybook with SvelteKit](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/0a974b403f056384c923b5decaff392d6af61e95-1920x1080.jpg?w=1920&q=82&fit=max&auto=format)](/post/integrating-storybook-with-sveltekit)June 4, 2022[![](/logos/tags/svelte-symbol-light.svg)![](/logos/tags/svelte-symbol-dark.svg)Svelte](/topic/svelte)[![](/logos/tags/sveltekit-symbol-light.svg)![](/logos/tags/sveltekit-symbol-dark.svg)SvelteKit](/topic/sveltekit)

### [Integrating Storybook with SvelteKit](/post/integrating-storybook-with-sveltekit)

Brittney walks through how to get Storybook working in a new SvelteKit project.

[![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)[![Let](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/df234899a342359c323e924fd218f8c83b377f79-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/lets-learn-svelte)June 1, 2022[![](/logos/tags/svelte-symbol-light.svg)![](/logos/tags/svelte-symbol-dark.svg)Svelte](/topic/svelte)[![](/logos/tags/sveltekit-symbol-light.svg)![](/logos/tags/sveltekit-symbol-dark.svg)SvelteKit](/topic/sveltekit)

### [Let's Learn Svelte](/post/lets-learn-svelte)

Embrace the hype. Give Svelte and SvelteKit a try!  Learn how to build modern web applications with SvelteKit, a quickly growing framework for generating static web pages (SSG) as well as Server Side Rendered content (SSR). In this crash course, you'll learn all the basics including file-based routing, API routes, dynamic routes, global and scoped CSS, and much more!

[![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)[![Make Pathing Easier with Aliases in SvelteKit](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/519a1c72b7a3bee30d02a44395e4dec6aa3f5dd2-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/make-pathing-easier-with-aliases-in-sveltekit)November 5, 2021[![](/logos/tags/svelte-symbol-light.svg)![](/logos/tags/svelte-symbol-dark.svg)Svelte](/topic/svelte)[![](/logos/tags/sveltekit-symbol-light.svg)![](/logos/tags/sveltekit-symbol-dark.svg)SvelteKit](/topic/sveltekit)

### [Make Pathing Easier with Aliases in SvelteKit](/post/make-pathing-easier-with-aliases-in-sveltekit)

Pathing can be a pain, make it easier by using aliases!

[![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)

No matching blog posts found for this filter.

Try clearing the filter above to browse the full feed.

Loading more blog posts...✓ All blog posts loaded

## SvelteKit Podcast Episodes.

Showing 5 of 5 episodesFiltered: SvelteKit[Open Full Topic Hub &rarr;](/topic/sveltekit)[![Simplyfing SvelteKit View Transitions with Paolo Ricciuti](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/34f2211036f7229d80aca4446a3af20e7be99c9a-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/cwcc-1-3-svelte-view-transitions)February 5, 2024[![](/logos/tags/svelte-symbol-light.svg)![](/logos/tags/svelte-symbol-dark.svg)Svelte](/topic/svelte)[![](/logos/tags/sveltekit-symbol-light.svg)![](/logos/tags/sveltekit-symbol-dark.svg)SvelteKit](/topic/sveltekit)

### [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 smooth and visually appealing changes between views.

[![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)[![Paolo Ricciuti](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/49e74e306a32fae03047de7851452eaf3eb21ffe-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Paolo Ricciuti](/guest/paolo-ricciuti)[![Slicing Up SvelteKit with Prismic’s New Slice Machine](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/6febc461be283cbf1dfaa57c5927260cd853204b-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/3-21-slicing-up-sveltekit-with-prismic-slice-machine)October 24, 2023[![](/logos/tags/svelte-symbol-light.svg)![](/logos/tags/svelte-symbol-dark.svg)Svelte](/topic/svelte)[![](/logos/tags/sveltekit-symbol-light.svg)![](/logos/tags/sveltekit-symbol-dark.svg)SvelteKit](/topic/sveltekit)

### [Slicing Up SvelteKit with Prismic’s New Slice Machine](/podcast/3-21-slicing-up-sveltekit-with-prismic-slice-machine)

Sam joins the podcast to talk about his journey to Prismic and to give an in depth look at Slice Machine.

[![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)[![Sam Littlefair](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a0f7d9014e7d7e1e2dde49b16f1657e513a81687-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Sam Littlefair](/guest/sam-littlefair)[![SvelteKit with Notion CMS and Cloudinary](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/ccf3efb8ab477e278fe323c327aa0ee101b7b0bc-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/sveltekit-with-notion-cms-and-cloudinary)August 18, 2022[![](/logos/tags/cloudinary-symbol-light.svg)![](/logos/tags/cloudinary-symbol-dark.svg)Cloudinary](/topic/cloudinary)[![](/logos/tags/notion-symbol-light.svg)![](/logos/tags/notion-symbol-dark.svg)Notion](/topic/notion)

### [SvelteKit with Notion CMS and Cloudinary](/podcast/sveltekit-with-notion-cms-and-cloudinary)

Tamas joins us to add Daisy UI and Cloudinary to our simple SvelteKit site.

[![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)[![Tamas Piros](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f0067036b9fb8acbeddb55fc4e2cf77ea5e7be7a-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Tamas Piros](/guest/tamas-piros)[![SvelteKit with DaisyUI](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a369013b976767dcf8a2ae4be9bd2a30df9f4bda-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/sveltekit-with-daisyui)August 18, 2022[![](/logos/tags/cloudinary-symbol-light.svg)![](/logos/tags/cloudinary-symbol-dark.svg)Cloudinary](/topic/cloudinary)[![](/logos/tags/svelte-symbol-light.svg)![](/logos/tags/svelte-symbol-dark.svg)Svelte](/topic/svelte)

### [SvelteKit with DaisyUI](/podcast/sveltekit-with-daisyui)

Tamas joins us to add Daisy UI and Cloudinary to our simple SvelteKit site.

[![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)[![Tamas Piros](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f0067036b9fb8acbeddb55fc4e2cf77ea5e7be7a-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Tamas Piros](/guest/tamas-piros)[![SvelteKit with Notion CMS](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/bbd1c0f99c5b67352dee6cb036aa3297d41fc846-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/sveltekit-with-notion-cms)August 18, 2022[![](/logos/tags/notion-symbol-light.svg)![](/logos/tags/notion-symbol-dark.svg)Notion](/topic/notion)[![](/logos/tags/svelte-symbol-light.svg)![](/logos/tags/svelte-symbol-dark.svg)Svelte](/topic/svelte)

### [SvelteKit with Notion CMS](/podcast/sveltekit-with-notion-cms)

We start to build CodingCat.dev by using Notion as our CMS.

[![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)[![Brittney Postma (Guest)](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/e2b1a2cb43955aff95f9cd030bd91a1d46bda126-1000x1000.jpg?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma (Guest)](/guest/brittney-postma-guest)

No matching episodes found for this filter.

Try clearing the filter above to browse the full feed.

Loading more episodes...✓ All episodes loaded