Introduction

Before we beginpermalink

If you're new to Svelte or SvelteKit we recommend checking out the (experimental!) interactive tutorial.

If you get stuck, reach out for help in the Discord chatroom.

What is SvelteKit?permalink

SvelteKit is a framework for rapid development of robust, performant web applications.

Building an app with all the modern best practices is fiendishly complicated. Those practices include build optimizations, so that you load only the minimal required code; offline support; preloading pages before the user initiates navigation; configurable rendering that allows you to render your app on the server or in the browser at runtime or at build-time; and many other things. SvelteKit does all the boring stuff for you so that you can get on with the creative part.

It uses Vite with a Svelte plugin to provide a lightning-fast and feature-rich development experience with Hot Module Replacement (HMR), where changes to your code are reflected in the browser instantly.

You don't need to know Svelte to understand the rest of this guide, but it will help. In short, it's a UI framework that compiles your components to highly optimized vanilla JavaScript. Read the introduction to Svelte blog post and the Svelte tutorial to learn more.