Hit the ground running with advanced routing, server-side rendering, code-splitting, offline support and more
Vercel takes the zero-configuration mentality of Svelte to the cloud, so you can deploy your app in seconds.
Best of Both Worlds
All the SEO and progressive enhancement of a server-rendered app, with the slick navigation of an SPA
Write Less Code
No Virtual DOM
Svelte compiles your code to tiny, framework-less vanilla JS — your app starts fast and stays fast
This is an introduction to the course.
Learn how to get started with SvelteKit.
Learn how reactivity works with Svelte.
Learn how to use Svelte's on: and bind: directives.
Conditionals and Loops
Learn how to conditionally render HTML with if blocks.
Learn how to use CSS and SCSS in SvelteKit apps.
Add Tailwind to your SvelteKit app.
Working With Components
Build Svelte components.
Data Binding and Event Forwarding
Learn how to pass data from child to parent with component binding and custom events.
Learn how to pass data to deeply nested components using the context API.
Learn how to use Svelte's built in state management.
Learn how to use slots to make component's more customizable.
Animations and Transitions
Learn how to use Svelte's built-in animations and transitions.
Learn how to use SvelteKit's built-in file based routing.
Create layouts and error pages for your app.
Create serverside routes using SvelteKit endpoints.
Load data before the page is rendered with the load function.
Prefetch your pages data for even faster navigation,
Deploy your application to Vercel using adapters.
Take your SvelteKit knowledge and build the next big thing.