Building Modern Apps with Next.js 16

Next.js 16 introduces several exciting features and improvements that make building web applications faster and more enjoyable. Let's explore the key highlights.

Turbopack by Default

The most notable change in Next.js 16 is that Turbopack is now the default bundler for both development and production builds. This means faster cold starts and hot module replacement during development.

# No need for --turbopack flag anymore
npm run dev    # Uses Turbopack automatically
npm run build  # Uses Turbopack automatically

If you need to opt out for compatibility reasons, use the --webpack flag.

React 19.2 View Transitions

Next.js 16 ships with React 19.2, which includes the native View Transitions API support. This enables smooth page transitions with minimal code:

import { ViewTransition } from 'react'

function Page() {
  return (
    <ViewTransition name="page-transition">
      <main>
        {/* Your page content */}
      </main>
    </ViewTransition>
  )
}

Enhanced Caching APIs

The caching APIs have been stabilized and improved:

• cacheLife and cacheTag are now stable (no more unstable_ prefix)
• updateTag provides read-your-writes semantics for Server Actions
• refresh allows refreshing the client router from Server Actions

Conclusion

Next.js 16 represents a significant step forward for the framework, with Turbopack maturity, React 19.2 features, and improved developer experience. It's a great time to start new projects with these capabilities.