Web sites

Next.js 12 is the SDK for the web – Enable dynamic websites at the speed of static

SAN FRANCISCO–(BUSINESS WIRE)–NEXT.JS CONF — Vercel, a comprehensive platform for creating unparalleled web user experiences and creator of Next.js, today announced Next.js 12 — The SDK for the Web — enabling the development and delivery of websites dynamic at the speed of the static. The latest version of the leading React and JavaScript framework for front-end web development is built on close collaboration with over 1,800 contributors and top web companies, including Facebook and Google, and is available for free. Next.js 12 introduces powerful new middleware that gives developers the ability to quickly customize content and delivery, in addition to ES modules and URL imports, HMRs and instant builds, and significant innovations in workflow and collaboration.

“In e-commerce, better lifeblood means better conversions, and these performance increases are both good for users and great for businesses,” said Guillermo Rauch, CEO of Vercel and creator of Next.js. “With Google now improving site rankings as their Core Web Vitals improve, Next.js doesn’t just make developers more productive, it accelerates business growth worldwide.”

Next.js at the Edge – New Middleware and Edge Runtime

Next.js pioneered support for serverless deployments, gaining enormous scalability and virtually eliminating developer operational burden. With Next.js Middleware, developers have full flexibility to run code before a request is complete. Based on incoming user requests, developers can modify the response by rewriting, redirecting, adding headers or even Diffusion HTML. Middleware can be used for anything that shares the logic of a set of pages: authentication, bot protection, redirects, handling unsupported browsers, feature flags, a/b testing, server-side analytics, logging , etc

Deployed with Vercel’s Edge functions, the Next.js middleware removes the remaining compromises with serverless. Edge functions start instantly without cold start, deploy globally and support HTML streaming. Edge functions on Vercel eliminate lengthy routing configuration files and enable powerful applications at the edge, at no cost to the customer. This gives users the power of dynamic code with the speed guarantees of static.

Next.js Middleware and Vercel Edge Functions allow users to:

  • Run JavaScript at the edge before a request is processed

  • Modify query responses by rewriting, redirecting, adding headers, etc.

  • Define the entire overall infrastructure of their applications by adding a few pieces of code at deployment time

When developers define Next.js middleware as part of their Next.js applications, Vercel deploys each Edge function globally, by default. Unlike Serverless Functions, Edge Functions have no cold start and run automatically in every region of Vercel’s Edge Network without any configuration. Vercel automatically optimizes Next.js applications for better performance.

Next.js 12: Optimized for developer experience

Additional new innovations in Next.js 12 include:

  • ES modules and URL imports: With support for ES modules, Next.js can send smaller bundles to users. The developer experience is further enhanced with the introduction of experimental URL imports, enabling new types of seamless integrations without code or designer tools.
  • Instant HMR and builds: The new Next.js 12 compiler based on Rust allows for three times faster rapid refresh and five times faster production builds, without any code changes
  • Next.js Live (beta) improvements: Next.js Live runs natively in the web browser, starts instantly, and allows anyone with a link to collaborate
  • Server-side rendering streaming and React server components (alpha): Users will be able to retrieve server-side data and gradually serve those results to the browser without client-side JavaScript.

“Next.js 12 is truly the premier SDK for the web, making development, building, collaboration, and delivery much faster and more reliable than anything before it,” Rauch added. “With Next.js Middleware deployed on Vercel, the framework realizes the global possibilities of the modern cloud, making websites more dynamic, personalized and efficient for users. Code runs everywhere and gives developers the best of both worlds , whether static or dynamic, with a unified abstraction Next.js 12 lays the foundation for the future of web applications, and we can’t wait to see what users will create with it.

About Vercel

Vercel is the leading advocate and enabler of the front-end developer experience, having created the best platform to deploy any website or front-end application, and Next.js, the most popular React framework. Vercel offers unparalleled vertical integration, from developer experience to edge delivery, with the industry’s most advanced development tools combined with parallel computing in a serverless cloud environment providing a fully managed and highly automated experience for developers. developers and users. Companies such as Facebook, Github, The Washington Post, Patreon, Uber, McDonald’s, Hashicorp, Carhartt, The GRAMMY’s and Santa Cruz deploy their interfaces with the Vercel platform. Vercel (twitter @vercel) is headquartered in San Francisco.