Svelte Summit Fall 2021
2021-11-20
-- online --
[Svelte Summit Fall 2021, Svelte Summit Spring 2022, Svelte Summit Spring 2024, Svelte Summit Fall 2024]
as the organisers put it
Talks and official recordings from all ten Svelte Summit editions, from 2020 through Spring 2025.
| title | author | length |
|---|---|---|
| Svelte Summit Fall 2021 | Guillermo Rauch, Scott Tolinski, Rich Harris | 05h 51m |
Platinum Sponsor:
GraphCMS - https://bit.ly/3Ft8ojy
Gold Sponsors:
LevelUp Tutorials - https://leveluptutorials.com/
Cloudflare Pages -… | ||
| Svelte Transitions and Accessibility | Geoff Rich | 10m |
Svelte has five of seven built-in transitions that involve motion, and large or multi-directional movement can trigger dizziness; the concrete claim is that… | ||
| Bringing Svelte to 40% of the Web: Using Wordpress to Power Svelte | Kellen Mace | 21m |
Claim: WordPress powers over 40% of sites and can serve as a headless CMS that actually supports web, iOS and Android clients from one backend. The proof uses… | ||
| Responsive Svelte (exploring Svelte's reactivity) | Kevin Bridges | 29m |
Explores Svelte reactivity by instrumenting components with console probes and a reflective counter writable store to count snippet executions, and by using… | ||
| Why Svelte is the best framework for beginner and advanced developers alike | Stephanie Dietz | 08m |
Svelte compiles components to plain JavaScript with no runtime and no virtual DOM, producing smaller, faster bundles — one demo compares a 723 KB bundle for… | ||
| Introducing Primo: a Svelter, all-in-one way to build and manage static sites | Mateo Morris | 08m |
Primo is an all-in-one desktop app built on SvelteKit + Electron that combines a component-driven CMS and IDE to produce static sites. The demo creates a… | ||
| Transforming data to and from storage areas using Svelte custom stores | Dean Fogarty | 05m |
Custom Svelte stores implement the store contract (subscribe and set), initialize from and write back to localStorage sync, and apply arrays of read/write… | ||
| Up your form validation game with Vest | Evyatar Alush | 20m |
Vest is a framework-agnostic form-validation library that claims to replace ad hoc code with test-like suites where you create suite and write named tests… | ||
| Adding Svelte to your legacy projects | Jesse Skinner | 26m |
Shows how to add Svelte to a PHP or React site by building a standalone component (a sortable live‑search contacts table) and shipping its UMD bundle and CSS… | ||
| A State Machine walks into a Svelte Component | Ken Kunz | 09m |
Built a tiny Svelte-oriented FSM called svelte-fsm that exports a single function and adds about <1 KB to the bundle. It implements the Svelte store contract… | ||
| Dreaming of Theming with Svelte using Plenti | Jim Fisk, Stephanie Luz | 08m |
Plenti is an open‑source Svelte static site generator that ships a theme system where a new project can inherit and override theme files; the demo creates a… | ||
| From React to Svelte | Scott Tolinski | 32m |
Rewrites a large production frontend (LevelUpTutorials.com) from React/VEET to SvelteKit in three months after a successful 24‑hour proof‑of‑concept, replacing… | ||
| Skipping Scales to Make Music: Svelte as an Instructional Tool | Austin Crim | 08m |
Argument that Svelte lets beginners build working interactive apps fast: demo replaces a messy vanilla JS counter that fails due to document.querySelector… | ||
| Svelte Cubed | Rich Harris | 11m |
Shows how SvelteKit doubles as a library toolkit and demonstrates a concrete workflow: keep an app and a publishable library in one repo, run npm run package… | ||
| Svelte Summit Mini Edition: Stockholm | Ekene Eze, Basar BK, Nick Reese, Luke Edwards, Stephane Vanraes | 01h 54m |
Quick rundown of what actually happens: a SvelteKit primer shows a repo built and deployed to Netlify, adding the Netlify adapter and Netlify Functions demo… | ||
| Svelte Summit Mini Edition: London | Jakob Rosenberg, Scott Spence | 01h 07m |
Live demos of routing, content fetching and SVG tooling with concrete configs and results: Routify 3 shows index-by-name ordering, build-time meta files, a… | ||
| Unlocking Dev Super Powers with SvelteKit | Ekene Eze | 25m |
SvelteKit claims to give “developer superpowers” by letting one mix per-page SSR/CSR/SSG with vite-powered optimizations like CSS code-splitting, prefetching… | ||
| 5 Years of Svelte at Itslearning | Stephane Vanraes | 11m |
Itslearning moves its entire frontend from 2016 onward and repeatedly rewrote the same page across three Svelte versions (2016→2021) to compare real outcomes… | ||
| SEO for Developers | Nick Reese, Luke Edwards | 20m |
A practical rundown of a CI-oriented SEO toolchain that actually ships usable checks: Elder.js as a static/SSR framework for large content sites with partial… | ||
| State of the Sveltunion (5 Years of Svelte) | Rich Harris | 09m |
Timeline of concrete milestones: Nov 30, 2016 launch on Hacker News, Sapper (2017) as a full-stack framework precursor to SvelteKit, Svelte 3 (April 2019) as a… | ||
| Routify 3 | Jakob Rosenberg | 11m |
Routify 3 demo scaffolds a Svelte app with a CLI, uses an index-by-name plugin to assign an order meta to routes, and adds build-time meta.js files that fetch… | ||
| Our Journey in bringing Svelte to enterprise | Sid Nagavarapu | 11m |
MySchneider is rebuilt as a Svelte-first web component platform serving 140+ countries and 40,000 active users (500,000 potential), implemented over two years… | ||
| Build Reliable Svelte Applications using Cypress | Maurice de Beijer | 29m |
Uses Cypress to add end-to-end and integration testing to Svelte applications, showing how to make Svelte apps more reliable by writing and running… | ||
| NFT Marketplace with Svelte and Magic | Maricris Bonzo | 30m |
A working NFT marketplace built with SvelteKit replaces a Next.js tutorial and swaps MetaMask for the Magic wallet; Solidity contracts (createToken… | ||
| Building a custom library for videochat with Svelte's Web Components Support | Kyohei Hamaguchi | 23m |
A production WebRTC video chat library called commu videochat SDK compiles Svelte components into standards-based custom elements, using TypeScript and Rollup… | ||
| Bending Svelte using Preprocessors | Bjorn Lu | 23m |
Builds a Svelte preprocessor that extracts the children of a <SourceCode> inline component by reading node.children start/end offsets from the AST, slices the… | ||
| Internationalization in SvelteKit and How to Prevent Mistakes | Ivan Hofer | 12m |
Sets up typesafe-i18n in SvelteKit in under ten minutes, installing a generator that watches translation files and emits TypeScript types so missing keys or… | ||
| nothing matches | ||