SvelteKit Patterns

Quick Guide: Load functions fetch, form actions mutate, +server.ts serves external clients, and hooks handle what applies to every request. Data reaches a component as the data prop and an action's result as the form prop, both typed from the generated $types. Two facts change most answers below: +page.server.ts runs only on the server while +page.ts also runs in the browser, and fail() returns while error() and redirect() throw.

Detailed Resources:

• examples/core.md — file conventions, dynamic routes, route groups, parameter matchers, error boundaries
• examples/load-functions.md — server and universal loads, layout data, streaming, parent(), invalidation
• examples/form-actions.md — default and named actions, fail(), use:enhance, redirect ordering
• examples/hooks.md — handle, handleFetch, handleError, init, reroute, transport, sequence
• examples/api-routes.md — +server.ts verbs, streaming responses, uploads, content negotiation
• reference.md — decision trees, load-function inputs, the import surface, page options