Next.js 12 is the SDK for the Web – Enabling Dynamic Websites


New cross-platform innovations, especially middleware, increase speed to increase user and developer satisfaction

NEXT.JS CONF – Vercel, a comprehensive platform for creating unparalleled web user experiences and creator of Next.js, announced Next.js 12 – The SDK for the Web – enabling the development and delivery of dynamic websites to 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 the web’s top 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, as well as significant innovations in the field. of workflow and collaboration.

“In e-commerce, better vital elements mean 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 around the world. “

Marketing Technology News: Bluewater Media strengthens its digital team with the hiring of Director Kristy Andreadakis

“In e-commerce, better stats mean better conversions, and these performance increases are both good for users and great for businesses.”

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

Next.js pioneered support for serverless deployments, achieving tremendous scalability and virtually eliminating the operational burden on developers. With Next.js Middleware, developers have complete 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. The middleware can be used for anything that shares the logic of a set of pages: authentication, bot protection, redirects, handling unsupported browsers, functionality metrics, a / b testing, server-side scans, logging , etc.

Deployed with Vercel Edge functions, Next.js Middleware removes the remaining compromises with serverless. Edge functions start instantly without a cold boot, deploy globally, and support HTML streaming. Edge functions on Vercel eliminate long routing configuration files and enable powerful applications at the edge, with no load on 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:

  • Execute JavaScript at the edge before a request is processed
  • Edit responses to requests by rewriting, redirecting, adding headers, etc.
  • Define the entire overall infrastructure of their applications by adding a few pieces of code at the time of deployment

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 do not have a cold start and run automatically in each region of the Vercel Edge network without any configuration. Vercel automatically optimizes Next.js applications for the better performance.

Marketing Technology News: MarTech Interview with Gavin Laugenie, Global Head of Content at dotdigital

Next.js 12: optimized for the developer experience

Additional new innovations in Next.js 12 include:

  • ES Modules and URL Imports: With support for IOs, Next.js can send smaller batches to users. Developer experience improves further with the introduction of experimental URL imports, enabling new types of seamless integrations without code or design tools.
  • Instant HMR and builds: New Next.js 12 Rust-based compiler enables fast refreshes three times faster and production versions five times faster, without any code changes
  • Next.js Live improvements (beta): Next.js Live runs natively in the web browser, starts instantly, and allows anyone with a link to collaborate
  • Server-side render delivery and React Server components (alpha): Users will be able to retrieve server-side data and stream those results to the browser incrementally 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 becomes aware of 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 create with it.

Source link


Leave A Reply