SvelteKit

Powered by Svelte

SvelteKit is an application framework powered by Svelte — build bigger apps with a smaller footprint

learn Svelte

Best of both worlds

All the SEO and progressive enhancement of a server-rendered app, with the slick navigation of an SPA

read the docs

Build fast

Hit the ground running with advanced routing, server-side rendering, code-splitting, offline support and more

read the docs

SvelteKit is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing.

Unlike single-page apps, SvelteKit doesn't compromise on SEO, progressive enhancement or the initial load experience — but unlike traditional server-rendered apps, navigation is instantaneous for that app-like feel.

Read the introductory blog post to learn more.

npm create svelte@latest my-app
cd my-app
npm install
npm run dev -- --open

get started

Web development. But fun.

Don't take our word for it, hear what our users say…

The popularity finally just got too great to ignore, so I finally just gave it a try and I fell in love.

Adam Rackis
Senior Web Engineer at Spotify

SvelteKit grows with you,
whatever you're building

Starts fast, Stays fast

Server-side rendering ensures your visitors aren't left staring at loading spinners.
Client-side navigation makes your app feel like it's 2022.

Goodbye Waterfalls

Traditional multi-page apps have to load all resources Server-side rendered page waterfall

SvelteKit's client-side routing loads only what's changed Client-side rendered page waterfall

Deploy Anywhere

SvelteKit builds instant, optimized bundles with the Svelte compiler and code-splitting.

Vercel →

import adapter from '@sveltejs/adapter-vercel';

export default {
	kit: {
		adapter: adapter()
	}
}

TypeScript and IDE support

Type definitions for all APIs for first-class TypeScript support. And an official VS Code extension and community support for numerous other editors like Emacs, Vim, and Sublime Text.