The react framwork Next.js is releasing a new update with some nice new features like built-In CSS Imports and CSS Modules, Catch-All Dynamic Routes, Up to 70% Reduced Largest JavaScript Bundle, and Up to 87% Less JavaScript Loaded after Multiple Navigations. All of these benefits are non-breaking and fully backwards compatible.

The new features are:

• Built-In CSS Support for Global Stylesheets: Applications can now directly import .css files as global stylesheets.
• Built-In CSS Module Support for Component-Level Styles: Leveraging the .module.css convention, locally scoped CSS can be imported and used anywhere in your application.
• Improved Code-Splitting Strategy: The Google Chrome team heavily optimized Next.js' code-splitting strategy, resulting in significantly smaller client-side bundles. Furthermore, they've maximized HTTP/2 utilization to improve page load speed without hurting HTTP/1.1 performance.
• Catch-All Dynamic Routes: Next.js' Dynamic Routes now support catch-all routes, supporting a variety of new use-cases, e.g. CMS-powered websites.

Read the full blog post on all of these new changes here:

Next.js 9.2

NEXTJS.ORG

---

Next.js 9.2 introduces native support for CSS, aggressive code-splitting, catch-all dynamic routes, and more!