The different states of Next.js are: Inactive - This is the state in which the page is not initially rendered. The page will be empty, and it will not have any content. Active - This is the state when the page has content, and it's being rendered. Complete - This is when all of the required assets for rendering have loaded, and the initial render is complete.