List dynamic functions available to server components.

Difficulty: 5/10

server components, dynamic data fetching, Next.js caching

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:

1
cookies() and headers(): Using these in a Server Component will opt the whole route into dynamic rendering at request time.
2
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.

0-2 years experience

Difficulty: 5/10

server components, dynamic data fetching, Next.js caching

1
cookies() and headers(): Using these in a Server Component will opt the whole route into dynamic rendering at request time.
2
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.

0-2 years experience