ssr = false for Client-Only Pages
Disable server rendering for pages that rely on browser-only APIs.
ssr = false for Client-Only Pages is a free Sveltejs Academy lesson on CoddyKit — lesson 3 of 4. You can read the complete lesson below for free — then practise it hands-on in the browser with a built-in code editor and a 24/7 AI tutor. It is part of the Sveltejs Academy learning path, one of 4 lessons in the course, and your progress syncs across the web and the CoddyKit app.
Disable SSR
Set ssr = false to skip server rendering for a page that relies on browser-only APIs.
export const ssr = false;Use Cases
Pages using canvas, WebGL, geolocation, or anything that must run in the browser.
Trade-offs
Skipping SSR means slower First Contentful Paint and worse SEO for that page.
Combine With Prerender
You can disable SSR but still prerender a shell HTML for static hosting.
Loading Spinner
Since the page is client-only, show a loading state until JS hydrates.
Auth-Required Routes
Sometimes auth-only routes skip SSR to avoid rendering before client checks the token.
Per-Page Setting
Set ssr per route to balance SEO vs interactivity needs.
Layout-Level
Set in a layout to disable SSR for an entire section.
No Server Code
Without SSR, server load still runs but the page is rendered only in the browser.
Performance Considerations
Heavy client-only pages may benefit from prerendering a skeleton + hydrating with data.
Real World
Dashboards, complex editors, and 3D experiences sometimes turn off SSR.
Quick Check
When would you set ssr = false?
Recap
Set ssr = false for pages that need browser-only APIs, trading SEO for simpler client-only rendering.
Frequently asked questions
Is the “ssr = false for Client-Only Pages” lesson free?
Yes — the full text of “ssr = false for Client-Only Pages” is free to read here on the web, and the Sveltejs Academy course includes 4 lessons in total. To practise it interactively (a built-in code editor and a 24/7 AI tutor) and unlock the rest of the Sveltejs Academy course, upgrade to CoddyKit PRO.
What will I learn in “ssr = false for Client-Only Pages”?
Disable server rendering for pages that rely on browser-only APIs. You practise Sveltejs Academy with hands-on code you run directly in the browser, and a 24/7 AI tutor answers your questions as you work through the lesson.
Do I need any experience to start Sveltejs Academy?
No prior experience is required. Sveltejs Academy on CoddyKit is structured for beginners through advanced learners; this is — lesson 3 of 4, so you can start here or from the beginning and move at your own pace.
How long does the “ssr = false for Client-Only Pages” lesson take?
Most CoddyKit lessons take about 5–10 minutes. Each one is bite-sized and interactive, so you make steady progress and pick up exactly where you left off across the web and the app.
Can I write and run code in this Sveltejs Academy lesson?
Yes. Every Sveltejs Academy lesson includes a built-in code editor, so you write and run real code right in your browser and get instant AI feedback — no local setup required.
All lessons in this course
- Universal vs Server-Only load
- prerender = true for Static Pages
- ssr = false for Client-Only Pages
- Island Architecture