---
import Layout from '../../layouts/Layout.astro';
import { NounDetails } from '../../components/react/NounDetails';

export async function getStaticPaths() {
  // Generate paths for first 100 nouns (you can increase this)
  const paths = [];
  for (let i = 0; i <= 100; i++) {
    paths.push({ params: { id: i.toString() } });
  }
  return paths;
}

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

<Layout title={`NounVerse - Noun ${id}`}>
  <NounDetails client:load nounId={parseInt(id)} />
</Layout>