Skip to content
masterclass Buddy
Start learning

Next.js 16+ · Type Alias

ResolvingViewport

generateViewport lets a Next.js App Router page or layout return viewport settings dynamically. Export it from a Server Component and return a Viewport object.

Last updated

Syntax

export function generateViewport({ params }) { return { ... } }

In-depth API docs are only for subscribers: parameters, examples, common mistakes and interview practice.

Subscribe
  • Viewport
  • viewport object
  • Server Components
  • layout.tsx
  • page.tsx
  • metadata-to-viewport-export codemod

Source: generateViewport | Next.js. Checked 2026-11-03.