Next.js On-Demand ISR // Full tutorial

preview_player
Показать описание

Compared to the traditional interval based Incremental Static Regeneration this new On Demand feature gives a lot more flexibility. If you have a blog or ecommerce site and use a headless cms, you will love this feature.

My courses:

Connect with me:

00:00 What this video is about
01:26 What is On-Demand ISR
03:09 Add On-demand ISR support to a blog application
08:40 Test out the On-demand ISR api route
15:36 Automate On-demand ISR with Webhooks
22:32 Next step

#nextjs #isr #headlesscms
  1. Tuomo Kankaanpää
  2. next.js
  3. next js
  4. nextjs
  5. next js isr on demand
  6. on demand isr
Рекомендации по теме
Next.js On-Demand ISR 0:22:59

Next.js On-Demand ISR // Full tutorial

Learn NextJS's Superpower 0:15:35

Learn NextJS's Superpower ISR in 15 Minutes

NextJS On-Demand ISR 0:00:56

NextJS On-Demand ISR Revalidation Tutorial

Next 12.1: Regenerate 0:02:21

Next 12.1: Regenerate a static page when its data changes

On-Demand Revalidation in 0:05:29

On-Demand Revalidation in Next.js - React Tutorial 84

Testing Next.js On-Demand 0:04:02

Testing Next.js On-Demand ISR on Sanity and Next App

Next.js 12.2: Middleware, 0:08:39

Next.js 12.2: Middleware, On-Demand ISR, and Edge API Routes / SSR

Strapi Nextjs Using 0:02:10

Strapi Nextjs Using On Demand Revalidation | ISR Incremental Static Regeneration

Live Feedback Session: 1:09:34

Live Feedback Session: (At least) 6 ways to improve a content-driven website built with Next.js

Revalidate with Next.js 0:28:13

Revalidate with Next.js | On-Demand Revalidation in Nextjs 13

Next.js 12.1: Introducing 0:05:23

Next.js 12.1: Introducing On-Demand Incremental Static Regeneration

ON DEMAND Incremental 0:06:28

ON DEMAND Incremental Static Regeneration | Next.js 12.1.0

Next.js ISR demo 0:00:26

Next.js ISR demo on Vercel

Automatically rebuild stale 0:29:25

Automatically rebuild stale SSG pages with Next.js 12.2 on-demand ISR and Supabase Function Hooks

Automatically Update Static 0:19:53

Automatically Update Static Content in Next.js with ISR

15 crazy new 0:06:11

15 crazy new JS framework features you don’t know yet

Regenerate Next.js Pages 1:01:57

Regenerate Next.js Pages On-demand (ISR) with Hasura Table Events

What is Incremental 0:08:31

What is Incremental Static Regeneration? (ISR)

Web Future Nextjs 0:52:15

Web Future Nextjs Sanity, On-Demand ISR, SWR, SSR, SSG, CSR, Fetching data, WebHooks, the Best Way

Next.js - Incremental 0:21:48

Next.js - Incremental Static Regeneration (ISR) and Static Site Generation (SSG)

Next.js 13 Caching 0:04:23

Next.js 13 Caching and Revalidation

Next js 15 0:08:13

Next js 15 is Here… New Changes Again?!

NextJS Incremental Static 0:00:44

NextJS Incremental Static Regeneration Explained

Next.js 13 SSG, 0:22:01

Next.js 13 SSG, SSR & ISR | Nextjs 13 tutorial

Комментарии
Автор

for anyone else getting 500 server error, 'unstable_revalidate' is now just called 'revalidate'

oliversaxon
Автор

Very clear explanation! Thanks for great content!

naingaungphyo
Автор

my path is only revalidated when I hit the revalidate API directly, not on demand. Has anyone experienced this?

CharlieV
Автор

TNX a lot, I searched many resources to find out how to revalidate dynamic routes and no body says anything about passing the pathToRevalidate in the body. Everybody describe the On-Demand ISR just for a fixed and static path.
By this solution you can purge the cache of a single blog post page instead of all posts.

sadeghnakhjavani
Автор

I was wondering. When using on-demand revalidation, is it required to set reviladtion timers inside the getStaticProps ?

panix
Автор

Can we use this to generate a new static path like for a new blog post?

BrendansReasons