16. SvelteKit Routing, Layouts & Page Options

// SvelteKit Page Options & Routing Topology

// src/routes/dashboard/+page.ts
import type { PageLoad } from './$types';

// 1. Page Options: Control SSR, Prerendering and CSR per-route
export const prerender = true;     // Statically render at build time
export const ssr = true;           // Server-Side Rendering enabled
export const csr = true;           // Client-Side Hydration enabled
export const trailingSlash = 'never';

// 2. Universal Data Load Function
export const load: PageLoad = async ({ fetch, params, parent }) => {
  const parentData = await parent(); // Inherit data from +layout.ts
  const res = await fetch('/api/metrics');
  const metrics = await res.json();

  return { metrics, user: parentData.user };
};