Next.js Server Components Skill

Patterns for using React Server Components effectively.

Server Components (Default)

Basic Server Component

// This is a Server Component by default
async function UserProfile({ userId }: { userId: string }) {
  // Direct database access
  const user = await db.user.findUnique({ where: { id: userId } })