> Canonical URL: https://codingcat.dev/topic/svelte # Svelte & SvelteKit Courses, Podcasts & Blog Posts | CodingCat.dev ⚡ Reactive UI Hub # Svelte & SvelteKit. Runes, Fine-Grained Reactivity & Full-Stack SvelteKit Learn Svelte 5 Runes, SvelteKit server load functions, form actions, and full-stack deployment through courses, podcasts, and blog posts. [Search All Svelte & SvelteKit Content](/search?q=Svelte%20%26%20SvelteKit)Svelte & SvelteKit5 Blog Posts · 12 Podcast Episodes✏️ SvelteKit Full-Stack Data Flow Diagram✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Server load functions, progressive form actions, and fine-grained Rune reactivity.AAA Contrast Verified ## Svelte & SvelteKit Courses. [All Courses→](/courses)[![Learn SvelteKit and Firebase: The Ultimate Guide](https://cdn.sanity.io/images/hfh83o0w/production/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)[Svelte & SvelteKit](/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. [![Learn Svelte: The Ultimate Guide](https://cdn.sanity.io/images/hfh83o0w/production/d515a6644917ffad9109cb5b2b7aa639c470ccc4-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/course/svelte)April 17, 2023[Svelte & SvelteKit](/topic/svelte) ### [Learn Svelte: The Ultimate Guide](/course/svelte) Master Svelte: The Fast, Simple, and Powerful Framework [![Intro to Svelte](https://cdn.sanity.io/images/hfh83o0w/production/5e283fb0d0ffe55c9c179aca147a1c03dd88d599-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/course/intro-to-svelte)June 1, 2022[Svelte & SvelteKit](/topic/svelte) ### [Intro to Svelte](/course/intro-to-svelte) What is this fancy new framework? ## Svelte & SvelteKit Blog Posts. Showing 5 of 5 blog postsFiltered: Svelte & SvelteKit[Open Full Topic Hub →](/topic/svelte)[![Install Tailwindcss in Svelte with 1 command](https://cdn.sanity.io/images/hfh83o0w/production/899f30ff4efc79aa36a3a66c87734a18765de8e3-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/install-tailwindcss-in-svelte-with-1-command)November 28, 2022[Svelte & SvelteKit](/topic/svelte)[AI & MCP Agents](/topic/ai) ### [Install Tailwindcss in Svelte with 1 command](/post/install-tailwindcss-in-svelte-with-1-command) Stop using the 5 step method and remember the npx command to install tailwind. [![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)[![Integrating Storybook with SvelteKit](https://cdn.sanity.io/images/hfh83o0w/production/0a974b403f056384c923b5decaff392d6af61e95-1920x1080.jpg?w=1920&q=82&fit=max&auto=format)](/post/integrating-storybook-with-sveltekit)June 4, 2022[Svelte & SvelteKit](/topic/svelte) ### [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/images/hfh83o0w/production/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Let](https://cdn.sanity.io/images/hfh83o0w/production/df234899a342359c323e924fd218f8c83b377f79-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/lets-learn-svelte)June 1, 2022[Svelte & SvelteKit](/topic/svelte) ### [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/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![RxFire in Svelte 3 using Firebase Firestore and Authentication](https://cdn.sanity.io/images/hfh83o0w/production/8f112a33677dfbfc7253c60d157baf363e13ebe6-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/rxfire-in-svelte-3-using-firebase-firestore-and-authentication)May 24, 2022[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[Svelte & SvelteKit](/topic/svelte) ### [RxFire in Svelte 3 using Firebase Firestore and Authentication](/post/rxfire-in-svelte-3-using-firebase-firestore-and-authentication) Introduction to Svelte3, Firebase, and RxFire. RxFire provides a set of observable creation methods. You simply call a function with some parameters to receive an RxJS observable. With that observable in hand you can use any operators provided by RxJS to transform the stream as you like. [![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)[![Make Pathing Easier with Aliases in SvelteKit](https://cdn.sanity.io/images/hfh83o0w/production/519a1c72b7a3bee30d02a44395e4dec6aa3f5dd2-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/make-pathing-easier-with-aliases-in-sveltekit)November 5, 2021[Svelte & SvelteKit](/topic/svelte)[AI & MCP Agents](/topic/ai) ### [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/images/hfh83o0w/production/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 ## Svelte & SvelteKit Podcast Episodes. Showing 8 of 12 episodesFiltered: Svelte & SvelteKit[Open Full Topic Hub →](/topic/svelte)[![Simplyfing SvelteKit View Transitions with Paolo Ricciuti](https://cdn.sanity.io/images/hfh83o0w/production/34f2211036f7229d80aca4446a3af20e7be99c9a-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/cwcc-1-3-svelte-view-transitions)February 5, 2024[Astro](/topic/astro)[Svelte & SvelteKit](/topic/svelte) ### [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/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Paolo Ricciuti](https://cdn.sanity.io/images/hfh83o0w/production/49e74e306a32fae03047de7851452eaf3eb21ffe-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Paolo Ricciuti](/guest/paolo-ricciuti)[![Open Source Svelte Magic: Melting Minds through Melt UI!](https://cdn.sanity.io/images/hfh83o0w/production/b54283206d1510a777eee9a02ef2eef0c1731ef2-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/cwcc-1-2-meltui)December 11, 2023[Svelte & SvelteKit](/topic/svelte) ### [Open Source Svelte Magic: Melting Minds through Melt UI!](/podcast/cwcc-1-2-meltui) Thomas teaches Brittney and Alex how to use Melt and how Runes can be used to improve builders. [![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)[![Thomas G. Lopes](https://cdn.sanity.io/images/hfh83o0w/production/e83e030700fdbd4a42e6d2988e8679987c5fdae7-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Thomas G. Lopes](/guest/thomas-g-lopes)[![Slicing Up SvelteKit with Prismic’s New Slice Machine](https://cdn.sanity.io/images/hfh83o0w/production/6febc461be283cbf1dfaa57c5927260cd853204b-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/3-21-slicing-up-sveltekit-with-prismic-slice-machine)October 24, 2023[Svelte & SvelteKit](/topic/svelte) ### [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/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)[![Sam Littlefair](https://cdn.sanity.io/images/hfh83o0w/production/a0f7d9014e7d7e1e2dde49b16f1657e513a81687-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Sam Littlefair](/guest/sam-littlefair)[![SvelteLab a supercharged REPL for Svelte](https://cdn.sanity.io/images/hfh83o0w/production/331c48ec775125f986e205beed3351307f86252a-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/3-17-sveltelab-a-supercharged-repl-for-svelte)June 21, 2023[Svelte & SvelteKit](/topic/svelte) ### [SvelteLab a supercharged REPL for Svelte](/podcast/3-17-sveltelab-a-supercharged-repl-for-svelte) SvelteLab is a powerful development environment for Svelte, a modern JavaScript framework for building user interfaces. [![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)[![toni / link](https://cdn.sanity.io/images/hfh83o0w/production/db10c153f9abf7548cfa563374d76b1710855551-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)toni / link](/guest/antonio-sarcevic)[![Paolo Ricciuti](https://cdn.sanity.io/images/hfh83o0w/production/49e74e306a32fae03047de7851452eaf3eb21ffe-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Paolo Ricciuti](/guest/paolo-ricciuti)[![radix-svelte with Thomas G. Lopes](https://cdn.sanity.io/images/hfh83o0w/production/fb0a8d732f16769bcb38ca17e1612838f05da5d6-1920x1080.jpg?w=1920&q=82&fit=max&auto=format)](/podcast/3-13-radix-svelte)May 24, 2023[Svelte & SvelteKit](/topic/svelte) ### [radix-svelte with Thomas G. Lopes](/podcast/3-13-radix-svelte) Thomas speaks about his component project of radix-svelte and digs into the code and stack he used to make it. [![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)[![Thomas G. Lopes](https://cdn.sanity.io/images/hfh83o0w/production/e83e030700fdbd4a42e6d2988e8679987c5fdae7-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Thomas G. Lopes](/guest/thomas-g-lopes)[![SvelteKit with DaisyUI](https://cdn.sanity.io/images/hfh83o0w/production/a369013b976767dcf8a2ae4be9bd2a30df9f4bda-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/sveltekit-with-daisyui)August 18, 2022[Svelte & SvelteKit](/topic/svelte)[AI & MCP Agents](/topic/ai) ### [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/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)[![SvelteKit with Notion CMS and Cloudinary](https://cdn.sanity.io/images/hfh83o0w/production/ccf3efb8ab477e278fe323c327aa0ee101b7b0bc-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/sveltekit-with-notion-cms-and-cloudinary)August 18, 2022[Svelte & SvelteKit](/topic/svelte)[AI & MCP Agents](/topic/ai) ### [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/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)[![SvelteKit with Notion CMS](https://cdn.sanity.io/images/hfh83o0w/production/bbd1c0f99c5b67352dee6cb036aa3297d41fc846-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/sveltekit-with-notion-cms)August 18, 2022[Svelte & SvelteKit](/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/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)[![Brittney Postma (Guest)](https://cdn.sanity.io/images/hfh83o0w/production/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