---
// src/pages/products/[id].astro
export async function getStaticPaths() {
  return [
    { params: { id: '101' } },
    { params: { id: '102' } },
    { params: { id: '103' } },
  ];
}

const { id } = Astro.params;
---

<h1>Product {id}</h1>

<!--
  Notes:
  - getStaticPaths() returns one object per path Astro should
    pre-render, each with a params object matching the dynamic
    segment's own name (id, matching [id].astro).
  - Astro.params.id is only ever one of the three values declared
    above in static mode — visiting /products/104 would 404, since
    it was never declared.
  - This mirrors the "every value must be known at build time"
    constraint flagged in the chapter for the exact same reason.
-->