║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║

---

title: Upgrading description: Learn how to upgrade your Next.js application to the latest version or canary. related: title: Version guides description: See the version guides for in-depth upgrade instructions. links: - app/guides/upgrading/version-16 - app/guides/upgrading/version-15 - app/guides/upgrading/version-14

Latest version

To update to the latest version of Next.js, you can use the upgrade codemod:

npx @next/codemod@latest upgrade latest

If you prefer to upgrade manually, install the latest Next.js and React versions:

pnpm i next@latest react@latest react-dom@latest eslint-config-next@latest

npm i next@latest react@latest react-dom@latest eslint-config-next@latest

yarn add next@latest react@latest react-dom@latest eslint-config-next@latest

bun add next@latest react@latest react-dom@latest eslint-config-next@latest

Canary version

To update to the latest canary, make sure you're on the latest version of Next.js and everything is working as expected. Then, run the following command:

npm i next@canary

Features available in canary

The following features are currently available in canary:

Caching:

• "use cache"
• cacheLife
• cacheTag
• cacheComponents

Authentication:

• forbidden
• unauthorized
• forbidden.js
• unauthorized.js
• authInterrupts

║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║