sveltekit-spa

What problem does it solve?

This Skill provides a comprehensive guide for building SvelteKit applications as pure Single Page Applications (SPA) with client-side rendering, specifically optimized for integration with separate backends like Golang/Echo, simplifying frontend development without SSR complexities.

Core Features & Use Cases

• SPA Configuration: Configure adapter-static with fallback pages and globally disable SSR/prerendering for a pure client-side experience.
• Client-Side Routing & Data Loading: Leverage SvelteKit's file-based routing and +page.ts load functions for efficient client-side data fetching from external APIs.
• Authentication & Security: Guidance on authentication token flows, HttpOnly cookies, and proper CORS configuration for secure backend integration.
• Performance Optimization: Implement prefetching strategies, code splitting, selective prerendering, and request deduplication for a fast user experience.
• Backend Integration Patterns: Detailed examples for Golang/Echo backend setup, API client utilities, file uploads, and WebSocket integration.
• Use Case: Develop a SvelteKit frontend for a Golang/Echo REST API, handling user login, protected routes, dynamic data fetching, and deploying as a static SPA.

Quick Start

Use the sveltekit-spa skill to configure my SvelteKit project for SPA mode with adapter-static and disable SSR globally in src/routes/+layout.ts.