Next.js

Next.js 13.1 includes improvements to both the pages and app directories:

• app Directory (Beta) Improvements
• Built-in Module Transpilation
• Edge Runtime (Stable)
• Turbopack Updates
• Middleware Improvements
• SWC Import Resolution

As we announced at Next.js Conf, Next.js 13 (stable) lays the foundations to be dynamic without limits:

• app/ Directory (beta)
  • Layouts
  • React Server Components
  • Streaming
• Turbopack (alpha)
• New next/image (stable)
• New @next/font (beta)
• Improved next/link

We've shipped some quality-of-life improvements to Next.js with 12.3:

• Improved Fast Refresh
• TypeScript Auto-Install
• Image Component
• SWC Minifier
• New Router + Layouts Update

We're laying the foundation for the future of Next.js with 12.2:

• Middleware (Stable)
• On-Demand ISR (Stable)
• Edge API Routes (Experimental)
• Edge SSR (Experimental)
• SWC Plugins (Experimental)
• Improvements to next/image

This RFC outlines the biggest update to Next.js since it was introduced in 2016:

• Nested Layouts: Build complex applications with nested routes.
• Designed for Server Components: Optimized for subtree navigation.
• Improved Data Fetching: Fetch in layouts while avoiding waterfalls.
• Using React 18 Features: Streaming, Transitions, and Suspense.
• Client and Server Routing: Server-centric routing with SPA-like behavior.
• 100% incrementally adoptable: No breaking changes so you can adopt gradually.
• Advanced Routing Conventions: Offscreen stashing, instant transitions, and more.