// src/routes/posts/[id]/+page.js
export async function load({ params, fetch }) {
  const res = await fetch(
    `https://jsonplaceholder.typicode.com/posts/${params.id}`
  );
  const post = await res.json();
  return { post };
}


<!-- src/routes/posts/[id]/+page.svelte -->
<script>
  let { data } = $props();
</script>

<p><a href="/posts">&larr; Back</a></p>
<h1>{data.post.title}</h1>
<p>{data.post.body}</p>

<!--
  Notes:
  - load receives `params`, so params.id (the [id] segment from Ch.11)
    is available server-side BEFORE render — the page ships with the
    single post's data already in place.
  - This is the same id you'd read from page.params.id in the component,
    but fetching it in load means no client round-trip and full SSR/SEO.
-->