“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:
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
“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.
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.