h1 = element("h1");
h1.textContent = `Hello ${name}!`;SvelteKit
The fastest way to build svelte apps
Powered by Svelte
SvelteKit is an application framework powered by Svelte — build bigger apps with a smaller footprint
learn SvelteBest of both worlds
All the SEO and progressive enhancement of a server-rendered app, with the slick navigation of an SPA
read the docsBuild fast
Hit the ground running with advanced routing, server-side rendering, code-splitting, offline support and more
read the docsSvelteKit 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.
Try it on StackBlitz or create a project locally.
npm create svelte@latest my-app
cd my-app
npm install
npm run dev -- --openadjective /svelt/ attractively thin, graceful and stylish
Svelte's a compiler that turns
<h1>Hello {name}!</h1> into:
Svelte is easy, understandable, and fun, which is why developers consistently rank Svelte as the framework they're most excited about using. It's a love letter to web development.
Don't take our word for it, hear what our users say…
Watch the full-length Svelte Origins documentary on YouTube.
SvelteKit grows with you,
whatever you're building
From your local machine
to the edge of the world
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.
Client-side navigation makes your app feel like it's 2022.
Deploy Anywhere
SvelteKit builds instant, optimized bundles with the Svelte compiler and code-splitting.
Deploy to over 20 different platforms with community adapters by changing just a single line of code.
Vercel
tsadapter from '@sveltejs/adapter-vercel';export default {kit : {adapter :adapter ()}}
