Latest updates and changelog for Svelte and SvelteKit. Deep dive and demonstration of s-kit, a SvelteKit toolkit for composing responsive email templates and simplifying template creation.

Updates and features in the Svelte ecosystem. The episode starts with a discussion on Svelte 5.7.4, highlighting bug fixes related to inert effects, component destruction, and store access. It also introduces new features like allowing the 'const' tag inside Svelte boundaries and ensuring consistent signal writing validation. The episode then delves into SvelteKit updates, including improvements in handling redirects, preloading, and dynamic dependencies. Additionally, it mentions the removal of post-install scripts due to security concerns and the introduction of new types for page and layout props. The episode concludes with a community showcase featuring Svelte Radar, a VS Code extension that provides a visual overview of SvelteKit routes, making navigation and development more efficient.

Changelog and a showcase of Threlte 8, which fully supports Svelte 5. The episode discusses various updates and fixes in Svelte, including improvements in file binding, reactivity, and template effects. The main highlight is the presentation by Gisha, the creator of Threlte, who demonstrates Threlte 8's capabilities, including its integration with Svelte 5 and the introduction of Threlte Studio, a tool for 3D development with Svelte.

Svelte updates and a showcase by Eno on a new component called Svelte Cartesian. The episode starts with a changelog covering various fixes and improvements in Svelte, including event handler changes, input value handling, and CSS pruning. Eno then presents Svelte Cartesian, a tool for visual regression testing that helps render all combinations of a component's props for testing purposes.

Matthias tweeted a 20 line of code i18n library with Svelte and it went semi-viral: https://twitter.com/h_i_g_s_c_h/status/1344223132308164616

I've tried Svelte Native recently for building an iOS/Android app for a web-based app that already built with Svelte, and it was quite successful! In this session, I'm going to show how Svelte Native works (also with NativeScript a little bit), how much you can reuse code from the Svelte-based web counterpart or what exactly you cannot, and how it suites for full-stack engineers thanks to dramatically reduced costs of context switches between web and mobile (since both are in Svelte!).

In this talk, we'll discuss how we can let content creators keep the excellent editorial workflows that WordPress provides, while leveraging Svelte on the frontend to provide a phenomenal user experience.

In this talk I'll show you how you can use Primo (an open-source desktop app) to quickly build interactive, easily editable websites using Svelte. In the process I'll demonstrate how Svelte's powerful features enable both Primo's component-driven development & lean, accessible, fast-loading static sites.

Plenti is a free and open source static site generator for Svelte. Its simple design makes it great for beginners who are trying to break into tech, but it's also powerful and extremely fast for devs who need to be hyper-focused on being productive. Plenti takes care of common things you need for building websites, including connecting your Svelte components to a data source, client routing, hydrating to a single page app (SPA), and creating HTML fallbacks for each page to improve performance and SEO.

SEO health is a crucial, yet often-overlooked aspect of our web applications' success. It can be the difference between pet-project and an extra source of income! This presentation will cover the core SEO basics every developer should know and introduce some tooling to help ensure your projects are setup for success.

A demo on how to setup internationalization in a SvelteKit project using the lightweight library typesafe-i18n.

A REPL, or online playground, is a great way to allow users to test-drive tools you have built without needing to install a thing, but they are also great for interactive tutorials, sharing snippets and reporting bugs!

Plenti is an open source static site generator (SSG) that uses Svelte to give developers a dead simple way to make dynamic and speedy websites. It takes a new approach by cutting out bundlers, hitting the compiler directly in V8, and building scaffolding in Go to give an extremely fast and consistent developer experience. We'll go over how the data source, content structure, layout, routing, and hydration are all connected to work out-of-the-box.

Rapid prototyping and feedback is the best way to ensure that our products are solving real problems and meeting user needs. Tools like Figma and InVision let us mock up something quickly and get static prototypes in front of users without having to dive into the intricacies of building real software. These tools fall short, however, when our prototype relies on real data in order to test our assumptions in a user interview or usability test.

In this live coding experiment, Domenik talks about SvelteKit, the use of monorepos in combination with turborepo and how you can use SvelteKit to generate your packages that can be used inside your monorepo.