SvelteKit

SvelteKit is the full-stack framework for Svelte. It handles routing, server-side rendering, API endpoints, and deployment - similar to what Next.js does for React.

Overview

• What: Full-stack web framework built on Svelte and Vite
• Install: npx sv create my-app
• Routing: Filesystem-based (src/routes/)
• Rendering: SSR by default, configurable per-route (SSR, SPA, prerender)
• API: Server endpoints via +server.ts files
• Deploy: Adapters for Vercel, Netlify, Cloudflare, Node, static sites

Contents

• Concepts - How SvelteKit works
  • Routing - Filesystem routing, layouts, params
  • Loading Data - Load functions, server vs universal
• Quickstart - Get started
  • First App - Create and run a SvelteKit project
• Deep Dives - Advanced patterns
• Notes - Tips and gotchas

Resources

• SvelteKit docs
• Svelte tutorial