Error: Dynamic server usage: cookies/headers() used in a page that will be statically generated

Workarounds

1. 95% success Add export const dynamic = 'force-dynamic' to opt into dynamic rendering

   // app/page.tsx:
   export const dynamic = 'force-dynamic';
   
   // This tells Next.js this page can't be statically rendered
   // and must be rendered on each request (SSR)
   
   import { cookies } from 'next/headers';
   export default function Page() {
     const cookieStore = cookies();
     // Now works without error
   }

   Sources: https://nextjs.org/docs/app/api-reference/file-conventions/route-segment-config#dynamic

2. 85% success Move cookie/header access to middleware or API routes if possible

   // Move cookie/header logic to middleware:
   // middleware.ts:
   import { NextRequest, NextResponse } from 'next/server';
   
   export function middleware(request: NextRequest) {
     const token = request.cookies.get('auth-token');
     if (!token) return NextResponse.redirect(new URL('/login', request.url));
     return NextResponse.next();
   }

   Sources: https://nextjs.org/docs/app/building-your-application/routing/middleware