What's new in Svelte: September 2023

New parameters in SvelteKit's redirect and an onNavigate lifecycle function come to life

Happy September y'all! With all the sneak peeks at what's coming soon in Svelte 5, we thought it'd be best to look back at the last month to see what's shipped and what the community is building with Svelte.

Before we jump in, a warm welcome to the new Svelte Ambassadors: @cainux and @grischaerbe! Welcome to the crew ⛴️

What's new in Svelte & Language Tools

• svelteHTML has moved from language-tools into Svelte core so that svelte/element types will now load correctly (4.2.0 in Svelte, 107.10.0 in Language Tools)

What's new in SvelteKit

• URL is now accepted in the redirect function (1.23.0, Docs, #10570)

• Mistyped route filenames will now throw a warning (1.23.0, #10558)

• The new onNavigate lifecycle function enables view transitions - Check out the blog post for more info (1.24.0, Docs, #9605)

But that's just the new features! For all the patches and performance updates from this month, check out the SvelteKit CHANGELOG. You can also find adapter-specific CHANGELOGs in each of the adapter directories.

---

Community Showcase

Apps & Sites built with Svelte

• Planet Of The Bugs allows developers to practice and hone their skill-sets by exposing them to an endless supply of unique, curated issues and bugs from popular open-source projects on Github

• Minesweeper is an Android game built with SvelteKit, Capacitor, TailwindCSS and DaisyUI (check it out on the Google Play Store)

• Pendor is an AI component generator for Svelte

• Avatars Pro is a social proof widget made for the web

• Pomodoro Focus is a pomodoro timer browser extension

• memegen is a Firefox web extension that allows users to generate memes using various templates

• Resgen is a Chrome extension that tailors resumes based on job descriptions and your experiences

• Icono Search is an AI-powered video search engine

• digital-paper is a writing app with no backspace or undo

• Ubuntu 22.04 in Svelte aims to replicate the Ubuntu 22.04 desktop experience on the web

• My Queue creates a playlist of written articles by turning them into audio stories

Learning Resources Featuring Svelte Contributors and Ambassadors

• Svelte Society - London August 2023

• Building a Blog using SvelteKit and Nostr as a CMS (Part 1) by Kev

• Mastering SvelteKit with Geoff Rich | JS Drops by This Dot Media

• Using GitHub Contributions To Flex On The Normies, Learn Svelte By Making A Matching Game and Who Needs API Permission When You Can Use Web Scraping by Joy of Code

• The missing guide to understanding adapter-static in SvelteKit by Stanislav Khromov

• This Week in Svelte:

  • 2023 July 28 - Screen reader market share, Svelte to plain JS, Web Components

  • 2023 Aug 4 - Svelte 4.1.2, SvelteKit 1.22.4, ES Modules, Types in markup

  • 2023 August 11 - Svelte 4.2.0, SvelteKit 1.22.5, How to create Toggle Switches

  • 2023 August 18 - SvelteKit 1.22.6, accessible form error summaries

  • 2023 August 25 - SvelteKit 1.23.0, Bun and SvelteKit, Enhanced search

• Svienna (Svelte Society Vienna) Sessions

  • Ermin Celikovic - You might not need a slider library

  • Lukas Stracke - How to use sentry.io in your SvelteKit App

  • Jean-Yves Couet - SvelteKit & Remult... fullstack apps in minutes!

• Sirens Sessions

  • Prismic Slice Machines & SvelteKit with Sam Littlefair

  • Medusa and SvelteKit E-Commerce Stack with Lacey Pevey

  • Design Systems: Lessons Learned with Eric Liu

To Watch

• Image optimization in SvelteKit with vite-imagetools by hartenfellerdev

• Building a Todo App with Rust and SvelteKit: Complete Tutorial and Stripe Payment In SvelteKit With Dynamic Pricing by SvelteRust

• Leaflet maps in SvelteKit like it's 2023 (HowTo) ShipBit

To Read

• Internationalization in SvelteKit (Series) by Aakash Goplani

• The easiest Chatbot you will ever build and Intro to LangSmith🦜️🛠️ by Simon Prammer

• SvelteKit: How to make code-based router, instead of file-based router [August 2023] by Max Core

• SvelteKit Hydration Gotcha by Captain Codeman

• Automatically generate sitemap.xml in SvelteKit by Alex Schnabl

• Discovering Svelte: Things I Learned While Using Svelte by Posandu Mapa

• Typed fetch with Sveltekit and Hono using RPC by Subhendu Pratap Singh

• Svelte Context Module Scripts Explained by raqueebuddin aziz

• Building with GPT4 and Svelte by levmiseri

• Type-safe User Authentication in SvelteKit with Lucia, Planetscale, and Upstash Redis by Chris Jayden

• Document Svelte Projects with HTML and JSDoc Comments by Ross Robino

Libraries, Tools & Components

• Carta is a lightweight, fast and extensible Svelte Markdown editor and viewer, based on Marked

• Threlte, the 3D framework built from Svelte and Three.js has released version 6

• vite-plugin-web-extension works great with Svelte to make building browser extensions easier

• Salvia-kit Svelte Dashboards contains 10 free dashboard templates for SvelteKit

• drab is an Unstyled Svelte component library

• svelte-img-previewer is a tool for displaying images from input file types in Svelte

• sveltekit-search-params describes itself as the fastest way to read AND write from query search params in SvelteKit

That's it for this month! Feel free to let us know if we missed anything on Reddit or Discord.

Until next time 👋