Next.js LIfecycle

Next.js Lifecycle

Ref: GeeksforGeeks

Next.js app stages manage state, logic and optimization.

Initialize

Initial state setup and config. The initial app load.

Render

Fetch data (initial, server-side and static props) and render

Called during initial, and subsequent updates

returns JSX component representation

Update

Get pre-render paths for dynamic routes Get data for rqd changes

Unmount

Cleanup resources