How do you read cookies in a Next.js server component?

The App Router gives you a cookies function from next/headers that you can call inside a server component to read any cookie sent with the request, letting you access things like a session token or a user's saved preferences without needing any client side code.

import { cookies } from 'next/headers';

export default async function Page() {
  const cookieStore = await cookies();
  const theme = cookieStore.get('theme');
  return <p>Current theme: {theme?.value}</p>;
}