Basic Svelte
Introduction
Bindings
Classes and styles
Advanced Svelte
Advanced reactivity
Motion
Advanced bindings
Advanced transitions
Context API
Special elements
<script module>
Next steps
Basic SvelteKit
Introduction
Routing
Loading data
Headers and cookies
Shared modules
API routes
$app/state
Errors and redirects
Advanced SvelteKit
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 createSvelte 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!
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>