skills.rest
ps-carvalho
ps-carvalhoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

sveltekit-patterns

Provide SvelteKit patterns for routing, load functions, form actions, and deployment.

Updated Mar 12, 2026
Search Tags:#best practices#web development#full-stack#frontend#patterns#sveltekit
One-click install
npx skills add https://github.com/ps-carvalho/spavn-agents --skill sveltekit-patterns-ps-carvalho
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: sveltekit-patterns
Source: https://github.com/ps-carvalho/spavn-agents/tree/main/.opencode/skills/sveltekit-patterns
Command: npx skills add https://github.com/ps-carvalho/spavn-agents --skill sveltekit-patterns-ps-carvalho

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and best practices for building robust, scalable, and performant SvelteKit applications.

Core Features & Use Cases

  • Routing: Understand file-based routing, route groups, and API routes.
  • Data Handling: Implement universal and server load functions, form actions, and streaming.
  • State Management: Explore various strategies for managing application state effectively.
  • Deployment: Learn patterns for deploying to multiple platforms.
  • Use Case: You are starting a new SvelteKit project and need to implement secure user authentication, efficient data fetching, and a clean project structure.

Quick Start

Review the SvelteKit patterns for implementing secure user authentication and efficient data fetching.

Frequently Asked Questions about sveltekit-patterns

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement authentication and authorization in SvelteKit?▼

SvelteKit authentication and authorization are implemented using hooks and server load functions to manage user sessions and control access. Form actions handle credential submission and route protection securely.

What is the best way to handle data loading and mutations in SvelteKit?▼

The best way to handle data loading and mutations in SvelteKit is by using universal and server load functions for fetching, alongside form actions for secure data mutations. This approach ensures robust full-stack data handling.

Can I deploy SvelteKit applications to multiple hosting platforms like Vercel and Cloudflare?▼

Yes, SvelteKit supports multi-platform deployment strategies for environments like Vercel, Netlify, Cloudflare, Node.js, and static hosting. These patterns enable production-ready applications to deploy across various infrastructure providers.

How does streaming work with server load functions in SvelteKit?▼

Streaming in SvelteKit works by allowing server load functions to send data progressively to the client, improving perceived performance for slow queries. This pattern enables rendering critical content immediately while secondary data streams.

When should I use universal vs server load functions in SvelteKit?▼

Use SvelteKit universal load functions when you need data fetching on both server and client during navigation, and server load functions when accessing private server-side data or databases. Choosing correctly optimizes rendering and security.

Related Skills

Explore More Software Engineering Skills→
jota-batutajota-batuta

typescript-node

Enforce strict TypeScript/Node.js backend conventions with Result-based error handling and Zod environment validation.

Community
Advanced
brainbrewlabsbrainbrewlabs
7

doc-publishing

Publishes documentation to GitHub Pages, Vercel, or Netlify from source docs and build outputs.

Official
Intermediate
MassimilianoPiliMassimilianoPili

nestjs

Develop NestJS backend applications with Drizzle ORM for PostgreSQL.

Community
Advanced
curiositechcuriositech
181

nextjs-app-router-expert

Provide expert guidance on Next.js 14/15 App Router architecture and React Server Components.

Official
Advanced