A practical guide to picking the right data loading pattern for each page in a SvelteKit SPA. All three approaches have a place; here's how to choose.

Writing Svelte with AI has made huge progress, but you still need to know what and how to set things up. At Mainmatter we wanted to put AI to the test, and we decided to do it by building an actual production application (https://dayrelay.ai) by using AI as much possible without compromising on code quality. We picked up some learnings along the way, so today we are finally releasing our Agentic Engineering with Svelte series. I've been working on this quite a bit, so I'm very excited to finally have it available. The first two episodes are out now, with more to come every Wednesday. Check out the first video and let me know what do you think about it!

Native WebSocket RPC and reactive subscriptions for SvelteKit

A SvelteKit adapter to build your application for https://www.zugriff.eu.

A documentation framework built on SvelteKit and the Tiramisu markup language. Write .tiramisu files, get a fully themed documentation site with search, i18n, SEO, and an MCP server for AI assistants.

There are a few ways to write global or classic CSS classes without generating scoped CSS hashes. (**Note** this recipe was authored with Svelte 5 and SvelteKit 2 in mind.)

Serve clean Markdown representations of any page when clients request Accept: text/markdown

Full-stack and fully featured ecommerce platform that is ready to deploy Vercel.

Gridcraft is a headless component library built specifically for SvelteKit, empowering developers to create highly customizable and interactive data grids for web applications.

A smart tool that analyzes errors, warnings, and potential issues in your Svelte projects with a single command and fixes them with a single click using AI models such as Amp, Claude Code, and Codex.

SvelteKit-native Convex integration. Real-time queries, form spreading, SSR-to-live transport.

Isolated parallel E2E tests for a SvelteKit app using Remote Functions and Bun, with an independent PostgreSQL database per test case.

Adapter for running SvelteKit on AWS Lambda. Adapter supports by default deployment to Node.js runtime bundled with esbuild. Additionally when you are fan of Bun, you can use options of deployment to Node.js or even Bun runtimes bundled with Bun.

A walk through adding authentication to a real SvelteKit app using Better Auth

Vellum is a lightweight, structural state management library for Svelte 5. It provides a robust Model and Collection base powered by Svelte Runes. Vellum bridges the gap between raw objects and complex state logic, offering a typed, class-based approach to managing data-heavy applications.

Disable JavaScript and try your search interface. Nothing works, right? It doesn't have to be this way. This article builds an omnisearch component that works the moment HTML renders and then layers autocomplete on top as an enhancement.

Fundamentals of SvelteKit, routing, layouts, data loading, server endpoints, forms, and deployment. Hands-on project-based tutorials with step-by-step app builds, code examples, and a final GitHub repository to follow along.

SvelteKit Snapshots don't survive in-app navigation—only browser back-button visits from external sites. This simple pattern uses beforeNavigate and afterNavigate to preserve form state across any route change, so your users never lose their work.

I needed to generate an OpenAPI 3.1 specification from Valibot schemas — so i built a library to leverage my project structure and svelte sv@create base dependencies. 🔌 Framework-agnostic spec generator (createOpenApiSpec) ✅ Uses Valibot schemas for types and OpenAPI generation 🧾 Supports multiple request/response media types 🔍 Emits typed query parameters as OpenAPI parameters 🔐 Documents authentication via OpenAPI securitySchemes / security This library does not enforce validation or authentication at runtime. It only documents what your API looks like

A production ready open-source project for scaffolding new sveltekit projects with a strict opinionated architecture. Includes authentication support, database abstraction, i18n, prebuilt components & pages, md support, server utilities, CLI tooling and more.

A list of SvelteKit templates and starter projects covering a wide range of use cases—from blogs and authentication setups to full-stack SaaS boilerplates, e-commerce solutions, and integrations with tools like Stripe, Prisma, and TailwindCSS.

Svelte specific static site generator with built in component library

Changelog. Including: SvelteKit's new 'fork' API for component pre-loading, Svelte 5.43.0's out-of-order rendering, and the 'hydratable' API for server-to-client value consistency. Numerous bug fixes and optimizations across Svelte and SvelteKit, enhancing async operations, component rendering, and developer experience.

A SvelteKit adapter that deploys hybrid and server-rendered sites to EdgeOne Pages.

An experimental, local-first sync engine for SvelteKit with optimistic updates, real-time synchronization, and support for any database.

SvelteKit’s new remote functions and why they finally solve the long-standing pain of page-level data in Svelte. They cover queries, forms, batching, caching, and all the clever RPC ergonomics that make Svelte’s approach feel surprisingly powerful and refreshingly simple

Vite plugin that automatically decorates SvelteKit functions.

Conference Talk at Frontkon25 by Paolo Ricciuti about progressive enhancement techniques in svelte and sveltekit.

Is it possible to dual-deploy to Cloudflare and other environments? Out of the box: - `sv create` deployment to Cloudlflare fails - `create-cloudflare`deployment to Vercel/Netlify/etc fails This recipe shows the minimal work required to enable successful Cloudflare deployment (without wrangler!) Your project will also continue to deploy to Vercel/Netlify.

svelte-socket is a reactive WebSocket wrapper for Svelte 5 that uses runes for state management and includes a context provider component for sharing socket instances across your application and a debugger UI component.