How Remote Functions Work in SvelteKit

Scott and Wes break down SvelteKit’s new remote functions and why they finally solve the long-standing pain of page-level data in Svelte. They cover queries, forms, batching, caching, and all the clever RPC ergonomics that make Svelte’s approach feel surprisingly powerful and refreshingly simple.

Show Notes

• 00:00 Welcome to Syntax!
• 00:45 Lots of RPC library options.
• 01:22 Svelte’s Page-Level Data Always Felt Off
• 02:12 Progress on the new Syntax site.
• 03:47 Remote functions explained.
  • Svelte Remote Functions Docs.
• 04:15 Make a .remote.ts file.
• 05:07 Querying data.
• 07:52 Brought to you by Sentry.io.
• 08:17 Svelte’s leg up on React.
• 10:13 Query Arguments.
• 11:39 The benefits of Standard Schema.
• 13:13 Refreshing Queries.
• 13:29 query.batch
• 15:18 Form function.
• 21:13 Enhance.
• 22:31 Refresh.
• 23:16 Command query.
• 24:25 Prerender.
• 25:22 Caching.
• 27:44 My Local Cache Service Worker.
• 31:23 Sick Picks + Shameless Plugs.

Sick Picks

• Scott: CoffeeSock ColdBrew Filter, Chemex Filter.
• Wes: Bosch Dishwasher.

Shameless Plugs

• Scott: Syntax on YouTube

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads