Next.js Patterns

Modern Next.js 15+ App Router patterns and best practices.

Server vs Client Components

Default to Server Components

// app/users/page.tsx (Server Component by default)
export default async function UsersPage() {
  const users = await db.user.findMany(); // Direct DB access
  return <UserList users={users} />;
}

Client Components for Interactivity

'use client';