News & Announcements

Next.js on Netlify: Now with support for On-demand Builders and Distributed Persistent Rendering

Last week, we introduced an RFC for an architectural concept that we think is an exciting step forward for the Jamstack: Distributed Persistent Rendering (DPR). Alongside the RFC, we also released a new feature, On-demand Builders, that helps us take the first step toward achieving DPR. Today, we’re announcing a beta release of our Essential Next.js plugin that introduces support for On-demand Builders in your Next.js site automatically!

Starting today, you can try out Netlify’s new On-demand Builders for an even better Next.js experience. We introduced automatic support for dynamic page rendering (commonly referred to as SSR or ISR) with the launch of the Essential Next.js plugin, and today we’re making the experience even better with the introduction of DPR for next/image and pages with fallback: true.

Shorten build times and render content on demand without giving up the benefits of the Jamstack

On-demand Builders allow you to build a page on demand once, then serve the cached result to subsequent requests. This is similar to how server-based applications work, but without the complexity of configuring Varnish or managing caching rules. Your deployments retain the straightforward deployment strategy and easy rollbacks made possible by adopting a Jamstack architecture — all while gaining a powerful new tool for deploying large sites faster.

Important differences between ISR and DPR

Incremental Static Regeneration (ISR) relies on a revalidate flag to update content on a set time schedule. On-demand Builders do not support the revalidate flag. We’re working on solutions to support revalidation that don’t reintroduce complexity and pitfalls that the Jamstack architecture removes through atomic, immutable deploys.

Keep an eye out for updates, though. 👀

Try it out today!

To enable On-demand Builders for your Next.js site, install the beta version of the Essential Next.js plugin in your site:

npm install @netlify/plugin-nextjs@experimental-odb

We can’t wait to see what you build with Next.js on Netlify!

Keep reading

Recent posts

How do the best dev and marketing teams work together?