Learn how to work with data in SvelteKit using remote functions.

🔴 Patreon: https://www.patreon.com/joyofcode
💬 Discord: https://discord.com/invite/k6ZpwAKwwZ

⚓️ Links

🔗 Remote Functions: https://svelte.dev/docs/kit/remote-functions
🔗 GitHub: https://github.com/joysofcode/sveltekit-remote-functions
🔗 SQLite Viewer: https://marketplace.visualstudio.com/items?itemName=qwtel.sqlite-viewer

🔖 Timestamps

0:00 Intro
0:30 Remote Functions Example
3:45 Project Setup
6:32 Remote Function Types
9:45 Using The Query Function For Posts
11:26 Creating A Guarded Query For Author Posts
15:28 Looping Over Posts
16:05 Guarding A Protected Route
17:27 Creating The Form Functions To Authenticate The User
22:13 Using The Login Form Function
24:39 Using The Signup Form Function
26:37 Displaying The Authed User Information And Using The Signout Form Function
27:53 Creating Form Functions For Creating, Updating, And Deleting Posts
31:02 Creating Posts Using The Form Function
34:04 Updating And Removing Posts Using Form Functions
42:19 Showing Posts Using The Query Function
44:15 Using A Query To Get Post Likes
46:26 Using A Command Function For Liking Posts
48:54 Optimistic UI Updates
51:00 Using Remote Functions To Fetch And Post Comments
55:39 When To Use API Routes
57:06 The Future Of Remote Functions
58:06 Outro

#joyofcode #sveltekit #svelte

Joy of Code

Remote functions in SvelteKit allow developers to invoke server-side functions from the client as if they were regular functions, eliminating the need for traditional load functions and form actions. The tutorial demonstrates building a full-featured blog application with authentication, CRUD operations, optimistic UI updates, and form validation using remote functions. Key features include type-safe data fetching with automatic serialization, progressive enhancement, built-in validation with schema libraries like Zod, and simplified state management compared to traditional API routes.

Learn SvelteKit Remote Functions Tutorial