- In the development stage, Next.js optimizes for the developer and their experience building the application. It comes with features that aim to improve the Developer Experience such as the TypeScript and ESLint integration, Fast Refresh, and more.
- Next.js allows a single project for frontend and backend apps.
- Compiling refers to the process of taking code in one language and outputting it in another language or another version of that language. In Next.js, compilation happens during the development stage as you edit your code, and as part of the build step to prepare your application for production.
- In the production stage, Next.js optimizes for the end-users, and their experience using the application. It aims to transform the code to make it performant and accessible.
- In Next.js, you can run code at the Edge with Middleware.
- The Next.js Image component,
next/image, is an extension of the HTML
<img>element, evolved for the modern web. It includes a variety of built-in performance optimizations to help you achieve good Core Web Vitals.
- Next.js helps you optimize loading web fonts by inlining font CSS during
next build. This optimization eliminates an extra network round trip to fetch font declaration files. This results in improvements to First Contentful Paint (FCP) and Largest Contentful Paint (LCP).