sveltekit-data-flow

What problem does it solve?

Managing data flow in SvelteKit, especially between server and client, through load functions, form actions, and serialization, can be complex and error-prone. This Skill provides clear, actionable guidance to ensure robust and efficient data handling, letting you focus on building features.

Core Features & Use Cases

• Load Functions Mastery: Understand the differences and best use cases for +page.server.ts (server-only) and +page.ts (universal) load functions to fetch data efficiently.
• Form Action Handling: Get expert guidance on implementing form actions in +page.server.ts, including how to use fail() for validation errors, redirect() for navigation, and error() for fatal issues.
• Data Serialization: Learn what data types can and cannot be safely passed between server and client, preventing common serialization errors and ensuring data integrity.
• Use Case: When you're building a SvelteKit application and need to fetch data for a page, handle user form submissions, or ensure that data passed between server and client is correctly formatted and secure, this Skill simplifies the process.

Quick Start

I need to create a login form in SvelteKit. Show me how to set up a form action in +page.server.ts that validates user input, returns fail() on error, and redirects() to the dashboard on success.