SvelteKit Remote Functions

Remote Functions enable type-safe client-server calls by letting you define server-side logic in .remote.js/.remote.ts files and call them from components with full type inference. Enable kit.experimental.remoteFunctions in svelte.config.js, create remote files exporting query, form, command, or prerender functions, then call them from your components—the functions always execute on the server and can safely access databases and environment variables.

Yes. Remote Functions let you load and manipulate data directly inside components by combining typed remote calls with Svelte's experimental await support. Create a .remote.ts file with a query function, enable compilerOptions.experimental.async in svelte.config.js, then use await in your component to fetch data server-side while maintaining type safety and security.

Remote Functions come in four flavors: query for typed read operations, form for mutations with form data, command for direct server-side actions, and prerender for generating static data at build time. Each flavor handles a specific communication pattern between client and server while preserving type safety and running all logic server-side.

Yes, Remote Functions are experimental and require explicit opt-in. Set kit.experimental.remoteFunctions to true in svelte.config.js, and optionally enable compilerOptions.experimental.async to use await in components. Place .remote.js or .remote.ts files anywhere in src except src/lib/server to define your typed server-side functions.

Remote Functions run exclusively on the server, so they can safely import and use server-only modules containing database clients, authentication logic, and environment variables. Your client code calls the remote function, but the actual execution happens server-side, keeping secrets and server dependencies inaccessible from the browser.

Remote Functions provide end-to-end type safety and eliminate boilerplate by automatically generating typed wrappers for server logic. Unlike manual endpoints, remote functions serialize results automatically and let you call typed functions directly from components instead of managing fetch requests and serialization yourself.