Next.js Error DYNAMIC_SERVER_USAGE: Dynamic server usage

Identify: does your log match?

Error: Dynamic server usage: Route /dashboard couldn't be rendered statically because it used `cookies`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error
    at u (/app/.next/server/chunks/731.js:1:39518)
    at Object.get (/app/.next/server/chunks/731.js:1:37862) {
  description: "Route /dashboard couldn't be rendered statically because it used `cookies`.",
  digest: 'DYNAMIC_SERVER_USAGE'
}

1. High

   try/catch swallows the bailout

   Next.js signals dynamic usage by throwing; a try/catch around cookies() or fetch catches it, so the build cannot switch the route to dynamic.

2. Medium

   Forced static rendering

   export const dynamic = 'force-static' or 'error', or generateStaticParams, conflicts with reading request data.

3. Medium

   Uncached fetch in a static route

   fetch(url, { cache: 'no-store' }) or revalidate: 0 inside a page expected to prerender.

Fix

export default async function Page() {
  try {
    const session = (await cookies()).get('session')?.value;
    return <Dashboard session={session} />;
  } catch (e) {
    return <p>Something went wrong</p>;
  }
}

import { cookies } from 'next/headers';
import { unstable_rethrow } from 'next/navigation';

export default async function Page() {
  try {
    const session = (await cookies()).get('session')?.value;
    return <Dashboard session={session} />;
  } catch (e) {
    unstable_rethrow(e); // lets DYNAMIC_SERVER_USAGE, redirect(), notFound() propagate
    return <p>Something went wrong</p>;
  }
}

Verify: reproduce it on purpose

$ printf "import {cookies} from 'next/headers';export const dynamic='error';export default async function P(){(await cookies()).get('a');return null}\n" > app/page.tsx && npx next build

Prevent

• Keep cookies()/headers() calls outside try/catch.
• Check the build output: ƒ = dynamic, ○ = static.
• Move request-specific UI into a small dynamic component.