Join us for the last few Svelte Summit videos where you'll learn about i18n and preprocessors!

Winners of Svelte Hack 2024 (runes-edition)!

01:15 Changelog - SvelteKit 1.27.3-1.27.4; Svelte 4.2.3 03:41 Quick facts & Announcements 08:09 Community Showcase - CanIKit by Tom 19:11 Q&A - How to close a modal with background click

A weekly Svelte update from February 2024 covering changelog highlights, community showcase featuring Paraglide JS for internationalization, and discussions about Svelte 5 progress.

A Svelte 5 changelog overview covering snippets, bug fixes, and migration guidance. Live coding of runes-based dynamic filtering plus exploration of effect, onMount, and reactivity features.

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

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

Authentication Server-Side Rendered Single-Page Apps can be difficult. Antony looks to break down the simplest possible way of providing full SSR compatible authentication with JWT

- 3 stories of walking in the fire with my SvelteKit project: Rowan Aldean - Auth in SvelteKit, the hard & easy ways: Ajit Krishna

Curious about Runes? Want to get your questions answered? Here what the team has been up to?

Inlang: a solution for internationalization in SvelteKit projects. The SDK and its tools simplify setup, language negotiation, and content management. This approach automates i18n processes, offering a user-friendly experience for developers and translators.

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

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

Building a SaaS module for SvelteKit - Josh Nussbaum Setting up the tech stack for a SaaS app can be a lot of work - but not any more! Using Auth.js, SvelteKit & Stripe, I built a re-usable module that makes this much easier. This talk will cover the internals of Auth.js, how to build a re-usable SvelteKit module, and integrating Stripe with SvelteKit. Svelte in Motion - James Camilleri Procedurally-generated video using everyone's favourite framework and ungodly hackery. This is a short (probably) talk about using svelte and front-end programming to generate motion graphics, as well as techniques to procedurally generate variation of videos/animations in bulk.

Jacob Bowdoin introduces KitBook, a tool designed to simplify the process of building, documenting, and testing Svelte components within SvelteKit projects.