Build Fast
Hit the ground running with advanced routing, server-side rendering, code-splitting, offline support and more
Zero Configuration
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
Build boilerplate-free components using languages you already know — HTML, CSS and JavaScript
No Virtual DOM
Svelte compiles your code to tiny, framework-less vanilla JS — your app starts fast and stays fast
Truly Reactive
No more complex state management libraries — Svelte brings reactivity to JavaScript itself
EP. 1
Introduction
This is an introduction to the course.
EP. 2
Getting Started
Learn how to get started with SvelteKit.
EP. 3
Svelte's Reactivity
Learn how reactivity works with Svelte.
EP. 4
Element Directives
Learn how to use Svelte's on: and bind: directives.
EP. 5
Conditionals and Loops
Learn how to conditionally render HTML with if blocks.
EP. 6
CSS
Learn how to use CSS and SCSS in SvelteKit apps.
EP. 7
Adding Tailwind
Add Tailwind to your SvelteKit app.
EP. 8
Working With Components
Build Svelte components.
EP. 9
Data Binding and Event Forwarding
Learn how to pass data from child to parent with component binding and custom events.
EP. 10
Context API
Learn how to pass data to deeply nested components using the context API.
EP. 11
Svelte Stores
Learn how to use Svelte's built in state management.
EP. 12
Slots
Learn how to use slots to make component's more customizable.
EP. 13
Animations and Transitions
Learn how to use Svelte's built-in animations and transitions.
EP. 14
Routing
Learn how to use SvelteKit's built-in file based routing.
EP. 15
Layouts
Create layouts and error pages for your app.
EP. 16
Endpoints
Create serverside routes using SvelteKit endpoints.
EP. 17
Loading
Load data before the page is rendered with the load function.
EP. 18
Prefetch
Prefetch your pages data for even faster navigation,
EP. 19
Adapters
Deploy your application to Vercel using adapters.
EP. 20
Conclusion
Take your SvelteKit knowledge and build the next big thing.