mohan

04-03-2026, 02:40 PM #1

SvelteKit offers multiple rendering strategies that can be configured per route. Understanding when to use SSR vs SSG vs CSR is crucial for building performant apps.

Server-Side Rendering (SSR)
- Pages rendered on every request
- Best for dynamic, personalized content
- Set with: export const ssr = true;

Static Site Generation (SSG)
- Pages pre-rendered at build time
- Best for blogs, docs, marketing pages
- Set with: export const prerender = true;

Client-Side Rendering (CSR)
- Pages rendered in the browser
- Best for highly interactive dashboards
- Set with: export const ssr = false;

Key considerations:
- SEO requirements favor SSR/SSG
- Real-time data needs SSR or CSR
- Static content benefits most from SSG
- You can mix strategies per route in the same app

What rendering strategy do you prefer for your SvelteKit projects and why?