SvelteKit Overview

SvelteKit is the official application framework for Svelte. It provides routing, build pipeline, server runtime, and deployment adapters so that you can ship web apps (SSR, SSG, SPA, MPA, mobile, desktop, embedded) from a single SvelteKit codebase.

When to Use This Skill

Use this skill when you need to:

• Bootstrap a new SvelteKit project with npx sv create.
• Choose between rendering modes (SSR, SSG, SPA, MPA, hybrid).
• Understand the standard project layout (src/routes, src/lib, static, svelte.config.js).
• Decide between +page.svelte vs +page.js vs +page.server.js vs +server.js.
• Use Web platform APIs (fetch, Request, Response, Headers, FormData, ReadableStream, URL, URLSearchParams, crypto) inside SvelteKit handlers.
• Type route files with the $types module (PageLoad, PageServerLoad, LayoutLoad, LayoutServerLoad, RequestHandler, PageProps, LayoutProps).
• Build API endpoints with +server.js (GET / POST / PUT / PATCH / DELETE / OPTIONS / fallback).
• Configure layouts, error boundaries (+error.svelte), and nested routing.

Critical: SvelteKit vs Svelte (When to Use Which)