This was a special event. For a change, we wanted to get you out of offices and homes and have an interactive meetup. Our mission is to explain the Svelte flow in an interactive & fun way. All this from the old Vienna tram! Here's some of what you'll learn: - Introduction and setup for a Svelte Meetup event. - Explanation of what Svelte and SvelteKit are, including a live demo for creating an application named "Vienagram." - Interactive session on understanding Svelte components, including HTML, script, and style. - Detailed walkthrough of creating and organizing a Svelte application, emphasizing package.json, Vite config, Svelte config, app.html, lib folder, and src/routes. - Three interactive flows demonstrating Svelte application functionalities: 1. Liking a photo and updating the like count. 2. Capturing a photo of Rathaus and sharing it. 3. Sharing a meme and notifying a user, including handling a client-side error and using a message queue for notifications. - Participants learned about Svelte concepts such as server-side actions, root parameters, custom aliases, and the use of native HTML input for file uploads. - The event concluded with participants gathering to discuss and network.

In this episode of Svelte Radio we sit down with Wout De Puysseleir to talk about his project LiveSvelte. A way to easily use Svelte when building applications using the Elixir framework Phoenix. A match made in heaven!

In this episode of Svelte Radio we talk with Enrico about This Week in Svelte - a weekly Svelte show that he runs.

This talk is all about prototyping and how we got to the web we know today. It also shows how Svelte has a unique role in providing great playgrounds to get started.

Lukas Stracke tells use about building an error and performance monitoring SDK for SvelteKit.

Jean Yves Couët tells us about the vite-plugin-kit-routes: https://www.npmjs.com/package/vite-plugin-kit-routes

Lucas Martin shows us how to build an interactive portfolio using SvelteKit!

Attila covers the latest updates on Svelte 5 and also SvelteKit.

Documentation is hard to write. It can also be hard to read, especially when you don't speak english fluently. That's why we have translated the Svelte docs and tutorial to french, to help the french-speaking community grow. We want to share the process we used to achieve it, so that it can be replicated in other languages.

In this episode of Svelte Radio, Jacob Stordahl and the hosts discuss Jacob's transition from WordPress to Svelte and the practical aspects of developing third-party JavaScript widgets. They also touches on the role of AI in content management. Tune in!

In this episode of Svelte Radio, join hosts Brittany and Kev as they dive into the world of web development with their guest Sam, a technical writer at Prismic. Brittany shares her latest experiences battling with Tailwind, Rails, and Svelte, emphasizing the learning journey that comes with navigating the complexities of modern web development. She also offers a valuable tip about CSS line height, advising against the use of rems and ems due to their unpredictable inheritance and suggesting more reliable alternatives.

Let's show you the magic of GraphQL with Houdini. "Hocus Pocus keep your focus"

Do you find Svelte's a11y warnings get in your way? They're actually part of a greater mission shared by nations around the world to make the digital web universally accessible. In this talk, I will break down some of Svelte's a11y warnings, the user experiences they impact, and how to solve them.

Join us as we dive into an engaging conversation with Thomas G. Lopez, the brains behind the popular UI library in the Svelte ecosystem, MeltUI. Thomas shares his journey in web development, moving from Vue to React, and ultimately finding his passion in Svelte. Discover the unique challenges and triumphs he experienced while creating MeltUI and becoming a Svelte ambassador.

When people hear metaframework, the first thing they think of is usually SSR. However, SvelteKit also supports other rendering strategies like CSR and prerender. As the recommended way to build any Svelte app, is it going to offer the best DX for all its use cases? In this talk I'll share my experience and tell you what's good, what's bad, and what's awesome about building SPAs with Sveltekit.

Ben McCann, one of the creators of SvelteKit, discusses the significant advancements in handling images on the web, particularly focusing on SvelteKit's new feature, Enhanced Image. This tool is designed to tackle the common challenges faced by web developers regarding image optimization.

An overview of the Svelte Devtools browser extension

Today we chat with Geoff Rich about View Transitions. We explore what you can do with them, how to use them and much more. Can it be used with SvelteKit? Yes! Dive in and get all the tips!

Paraglide-JS comes with two main innovations that make Paraglide JS the simplest, most efficient, and typesafe i18n library for SvelteKit. 1. A compiler (sounds familiar?) emits message functions instead of key-value runtime lookup logic. 2. The message functions are tree-shakable, leading to auto optimization by the bundler. Library link: https://inlang.com/m/gerre34r/library-inlang-paraglideJs

This talk aim to help you navigate around the world of progressive enhancement without sacrificing the experience of the users that do not have Javascript.

We have chat with Svelte Hackathon winner Jason Bradnick (snuffy) about what it took to build his Wolfenstein clone in Svelte using only HTML, CSS and JS! No canvas used! He also talks about the work he's done on bringing the svelte language tools to SvelteLab. That means bringing the language server to the web!

We're back after a long summer vacation! We talk about what's new in Svelte, View Transitions and we give you an update on what we all have been doing!

00:00 Introduction 00:20 Changelog - SvelteKit 1.27.0, 1.27.1 02:04 Quick facts & Announcements - form inputs, blog posts 06:10 Community Showcase - 4thsex by flayks 17:29 Discussions - The pillars of a component library

00:00 Introduction 01:00 Changelog - Svelte 4.2.2 and SvelteKit 1.26.0 08:40 Quick facts & Announcements - Dev Vlog, overrides, Runes docs update 14:17 Community Showcase - SvelteKit dynamic component loading by Stanislav 25:56 This week in Discussions - Storing content in markdown versus CMS 33:55 Q&A - How to manually reset forms, server-rendered CSS

Lukas shows around Sentry's features and how to best implement them in your SvelteKit app.

Dan is a backend developer with a love for web technologies. Join him in his story how he built a digital stamp rally for Germany’s largest anime convention mostly using Svelte. Slides: https://speakerdeck.com/danirukun/svelte-hololive-fan-booth-project

00:00 Introduction 01:18 Changelog 03:35 Quick facts & Announcements - Svelte Summit, 04:18 This week in Discussions - Melt UI

00:00 Introduction 00:59 Quick facts & Announcements - ViteConf, Svelte Summit, Order of attributes matters 11:56 This week in Discussions - Client Hints 23:39 This week in Q&A - Async Task custom store/function with runes

00:00 Introduction 00:47 Changelog - Svelte 4.2.1, SvelteKit 1.25.1 07:51 Quick facts & Announcements - getters and setters explanation by Rich Harris 09:09 This week in Discussions - Updated Svelte 5 preview FAQ, prop typing 36:17 This week in Q&A - simple mocking in SvelteKit and Playwright

00:00 Introduction 00:30 Announcements - Svelte Summit 01:10 Runes Primer 13:17 Runes FAQ 19:20 Rune helpers and stores with Hunter 26:26 Runify demo and fine-grained reactivity with Paolo 35:00 The library maintainer’s perspective with Hunter 45:08 Poll: the kinds of applications we make 53:25 Paul proposes Runes be a compiler-based toolchain separated from Svelte, similar to RxJS 1:01:11 Everyone’s impressions of Runes 1:02:48 Tantei-Kun likes the $props Rune 1:07:32 Poll: everyone’s impression of Runes so far