Jan 16
Loading video player...
Building on yesterday's queries, today we explore Remote Form Functions for writing data back to the server using HTML forms. Import form from $app/server in a .remote.ts file, define a schema with Zod or Valibot, and create your form handler. The schema transforms FormData into a typed object while validating the input, and gives you autocomplete when connecting form fields. Wire up your inputs using the fields property and spread the form function onto your form element. The best part: it works without JavaScript out of the box, providing true progressive enhancement. When JavaScript is available, you get seamless submissions without page reloads. Use the refresh method inside your handler for single-flight mutations that return updated data in one round trip. Read the docs: https://svelte.dev/docs/kit/remote-functions#form