Next.js LIfecycle
Description¶
Next.js app stages
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