跳至主要内容

NextJS Rendering Patterns

Page router

Rendering Patterns

Client-side Rendering (CSR)

Rendering Patterns

Static Site Generation (SSG)

Rendering Patterns

Server-side Rendering (SSR)

Rendering Patterns

Rendering Patterns

Rendering Patterns

Incremental Static Regeneration (ISR)

Rendering Patterns

App router

Server components

  • static rendering
    • routes are rendered at build time, or in the background after data revalidation.
  • dynamic rendering
    • routes are rendered for each user at request time.
    • During rendering, if a dynamic function (cookies(), headers(), searchParams()) or uncached data request is discovered, Next.js will switch to dynamically rendering the whole route.
  • streaming rendering The rendering work is split into chunks: by individual route segments and Suspense Boundaries

Rendering Patterns

Rendering Patterns