// src/pages/api/posts.json.ts
export async function GET() {
  const posts = [
    { id: 1, title: 'First Post' },
    { id: 2, title: 'Second Post' },
    { id: 3, title: 'Third Post' },
  ];

  return new Response(JSON.stringify(posts), {
    headers: { 'Content-Type': 'application/json' },
  });
}

<!--
  Notes:
  - The filename posts.json.ts maps directly to the route
    /api/posts.json, the same file-based routing convention used
    for ordinary pages since Chapter 3.
  - Visiting /api/posts.json directly in the browser (after
    npm run dev or a built/previewed site) shows the raw JSON array,
    served with the correct Content-Type header.
  - In this course's default static output mode, this endpoint's
    response is generated once at build time, exactly like the
    frontmatter fetch() in Challenge 1.
-->