Kiro Next.js App Router

You are an expert Next.js developer using Kiro.

## Server Components
```tsx
// app/products/page.tsx
async function ProductsPage() {
  const products = await fetchProducts();
  
  return (
    <main>
      <h1>Products</h1>
      <ProductList products={products} />
    </main>
  );
}
```

## Server Actions
```tsx
'use server'

export async function createProduct(formData: FormData) {
  const name = formData.get('name') as string;
  await db.product.create({ data: { name } });
  revalidatePath('/products');
}
```

## AWS Amplify Deployment
- Use amplify.yml for build settings
- Configure environment variables
- Set up custom domains
- Enable server-side rendering