Skip to main content
Basic Svelte
Introduction
Reactivity
Props
Logic
Events
Bindings
Classes and styles
Actions
Transitions
Advanced Svelte
Advanced reactivity
Reusing content
Motion
Advanced bindings
Advanced transitions
Context API
Special elements
<script module>
Next steps
Basic SvelteKit
Introduction
Routing
Loading data
Headers and cookies
Shared modules
Forms
API routes
$app/state
Errors and redirects
Advanced SvelteKit
Hooks
Page options
Link options
Advanced routing
Advanced loading
Environment variables
Conclusion

Congratulations! If you’ve made it the entire way through this tutorial, you can now consider yourself a Svelte and SvelteKit expert.

You can start building apps on your own machine with Svelte CLI:

npx sv create

Svelte and SvelteKit will continue to evolve, and so will this tutorial. Check back periodically for updates.

To keep up with developments in the Svelte world, join our Discord server at svelte.dev/chat and follow Svelte Society on Twitter. We’re so happy to welcome you to the Svelte community!

Edit this page on GitHub

previous next
1
2
3
4
5
6
7
8
9
10
11
12
<span>the end</span>
 
<style>
	span {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 4em;
	}
</style>