Sveltejs Academy · Lesson

ssr = false for Client-Only Pages

Disable server rendering for pages that rely on browser-only APIs.

Lesson 3 of 413 steps

ssr = false for Client-Only Pages is a free Sveltejs Academy lesson on CoddyKit. This is 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, and your progress syncs across the web and the CoddyKit app. The Sveltejs Academy course includes 4 lessons in total.

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?

Answer it in the interactive lesson

Recap

Set ssr = false for pages that need browser-only APIs, trading SEO for simpler client-only rendering.

Free to start

Learn HTML with an AI tutor — free

Write and run real code in your browser, get instant help from a 24/7 AI tutor, and pick up where you left off on the web or in the app.

Courses: 41
Lessons: 163

Start learning free View the full course

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. 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. The Sveltejs Academy course includes 4 lessons in total.

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, so you can start here or from the beginning and move at your own pace. This is lesson 3 of 4.

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

← Back to Sveltejs Academy