How do I disable Server-Side Rendering (SSR) globally?

You can disable SSR by adding 'export const ssr = false' and 'export const prerender = false' to your root +layout.ts file, ensuring the entire app bootstraps on the client.

Can I still use SvelteKit's file-based routing in SPA mode?

Yes, SvelteKit's filesystem-based routing works identically in SPA mode; the primary difference is that all route transitions and data loading happen entirely in the browser.

Is it secure to store authentication tokens in localStorage in an SPA?

While common for demos, localStorage is vulnerable to XSS. This skill recommends using HttpOnly cookies set by your backend or in-memory storage for production-grade security.

Why should I use adapter-static for an SPA?

adapter-static allows you to build your application into a set of static files with a fallback HTML page (like 200.html or index.html), which is necessary for hosting on static providers while maintaining client-side routing.

SvelteKit SPA Configuration

Name: SvelteKit SPA Configuration
Author: linehaul-ai

bylinehaul-ai

•

Developer Tools

Configures SvelteKit projects for pure Single Page Application (SPA) mode using client-side rendering and static adapters.

This skill provides a comprehensive framework for developing SvelteKit applications that operate entirely in the browser, specifically optimized for integration with separate backend APIs like Golang or Echo. It streamlines the transition from traditional SSR-heavy setups to a pure CSR architecture by providing standardized configurations for adapter-static, routing patterns, and secure data loading without server-side dependencies. It is ideal for developers building decoupled frontends that require the full power of SvelteKit's routing without the complexity of a Node.js server environment.

Key Features

01Standardized adapter-static setup for fallback routing

021 GitHub stars

03SPA-optimized filesystem routing and directory structures

04Backend integration patterns for external REST APIs

05Global SSR and prerendering disablement patterns

06Security-focused guidance on authentication and CORS

Use Cases

01Building a web dashboard that interacts with a separate Go or Python API

02Migrating an existing SvelteKit project to a pure client-side architecture

03Developing internal tools hosted on static platforms like S3 or GitHub Pages

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add linehaul-ai/linehaulai-claude-marketplace sveltekit-spa

For use in Claude.ai and ChatGPT

Download Skill