// +page.js export const load = async ({ fetch }) => { const res = await fetch('/api/posts'); return { posts: await res.json() }; }; Nested layouts are intuitive. An +error.svelte page catches errors at every level. Authentication? Drop a +layout.server.js and protect an entire section in seconds.
If you've built apps with React (Next.js) or Vue (Nuxt), you know the drill: hooks, hydration issues, configuration fatigue. Enter SvelteKit – the official application framework for Svelte. It takes everything great about Svelte (no virtual DOM, truly reactive, less boilerplate) and adds routing, server-side rendering (SSR), and API routes. sveltekit
Data fetching happens in +page.js (or +page.server.js ). The same function works on the server during SSR and on the client for SPA navigation. // +page