Server-Side Rendering (SSR)

This page demonstrates server-side rendering in SvelteKit. The page is rendered on the server for each request, allowing you to fetch fresh data and generate dynamic content.

Try refreshing the page to see the data update with each request.

Server Data

How It Works

Create a +page.server.ts file with a load function:

export const load: PageServerLoad = async () => 
  const data = await fetchData();
  return { data };
;

SSR is the default in SvelteKit and works great for dynamic content, user-specific data, and real-time information.