// app/(dashboard)/{{kebabCase featureName}}/page.tsx
// Server Component — fetches initial data, renders feature component
import { {{pascalCase featureName}}List } from '@/features/{{kebabCase featureName}}';

async function get{{pascalCase featureName}}List() {
  const res = await fetch(`${process.env.API_URL}/api/{{kebabCase featureName}}`, {
    next: { revalidate: 30 },
    headers: { 'Content-Type': 'application/json' },
  });
  if (!res.ok) throw new Error('Failed to fetch {{featureName}}');
  return res.json();
}

export default async function {{pascalCase featureName}}Page() {
  const data = await get{{pascalCase featureName}}List();
  return (
    <div className="container py-6">
      <h1 className="text-2xl font-bold mb-6">{{pascalCase featureName}}</h1>
      <{{pascalCase featureName}}List initialData={data} />
    </div>
  );
}