GitHub Copilot Next.js Development

# GitHub Copilot Next.js Configuration

## App Router Patterns
- Default to Server Components
- Use 'use client' only when needed
- Implement Server Actions for mutations
- Use proper metadata for SEO

## Server Component
```tsx
// This is a Server Component
async function ProductPage({ params }: { params: { id: string } }) {
  const product = await getProduct(params.id);
  
  return (
    <main>
      <h1>{product.name}</h1>
      <p>{product.description}</p>
      <AddToCart productId={product.id} /> {/* Client Component */}
    </main>
  );
}
```

## Server Action
```tsx
'use server'

export async function createOrder(formData: FormData) {
  const productId = formData.get('productId') as string;
  
  await db.order.create({
    data: { productId, userId: getCurrentUser().id },
  });
  
  revalidatePath('/orders');
  redirect('/orders');
}
```

## API Routes
```typescript
// app/api/products/route.ts
export async function GET(request: NextRequest) {
  const products = await db.product.findMany();
  return NextResponse.json(products);
}
```