List dynamic functions available to server components.

Dynamic functions rely on information that can only be known at request time such as a user's cookies, current requests headers, or the URL's search params. In Next.js, these dynamic functions are:

cookies() and headers(): Using these in a Server Component will opt the whole route into dynamic rendering at request time.
useSearchParams(): In Client Components, it'll skip static rendering and instead render all Client Components up to the nearest parent Suspense boundary on the client. We recommend wrapping the Client Component that uses useSearchParams() in a <Suspense/> boundary. This will allow any Client Components above it to be statically rendered.

Question Loading...

Project Structure

List dynamic functions available to server components.

Dynamic functions rely on information that can only be known at request time such as a user's cookies, current requests headers, or the URL's search params. In Next.js, these dynamic functions are:

cookies() and headers(): Using these in a Server Component will opt the whole route into dynamic rendering at request time.
useSearchParams(): In Client Components, it'll skip static rendering and instead render all Client Components up to the nearest parent Suspense boundary on the client. We recommend wrapping the Client Component that uses useSearchParams() in a <Suspense/> boundary. This will allow any Client Components above it to be statically rendered.