sveltekit

Topics in the source

• SvelteKit Full-Stack Development
• Overview
• When to Use This Skill
• How It Works
• Step 1: Project Setup
• Step 2: File-Based Routing
• Step 3: Loading Data with load Functions
• Step 4: API Routes (Server Endpoints)

SvelteKit is the official full-stack framework built on top of Svelte. It provides file-based routing, server-side rendering (SSR), static site generation (SSG), API routes, and progressive form actions — all with Svelte's compile-time reactivity model that ships zero runtime overhead to the browser. Use this skill when building fast, modern web apps where both DX and performance matter. Use when building a new full-stack web application with Svelte Use when you need SSR or SSG with fine-grained control per route Use when migrating a SPA to a framework with server capabilities Use when working on a project that needs file-based routing and collocated API endpoints Use when the user asks about +page.svelte, +layout.svelte, load functions, or form actions Choose Skeleton project + TypeScript + ESLint/Prettier when prompted. Directory structure after scaffolding: Every +page.svelte file in src/routes/ maps directly to a URL: Route groups (no URL segment): wrap in (group)/ folder. Private routes (not accessible as URLs): prefix with or (group). Use a +page.ts (universal) or +page.server.ts (server-only) file alongside the page: Create +server.ts files for REST-style endpoints: Form act

This is an excerpt. Refer to the complete source and its current requirements.