Skip to content
← Back to Templates
Avatar of leerobleerob/on-demand-isr

On-Demand ISR

Instantly update content without redeploying.

Deploy
View Demo
Framework
Next.js
Use Case
Starter
CSS
Sass
On-Demand ISR

On-Demand Incremental Static Regeneration

Demo of On-demand ISR in Next.js using GitHub Issues. When a new issue is created, a webhook from a GitHub App pushes new changes to the deployed application to regenerate the static page.

Setup

  1. Create a new GitHub App
    1. Provide the URL of your deployed application for Homepage URL
    2. Ensure Webhook "Active" is checked
    3. Add <your-site>/api/webhook as the Webhook URL
    4. Create a Webhook secret and add it to .env.local as GITHUB_WEBHOOK_SECRET
    5. Give "Read Only" access to Issues
    6. Subscribe to "Issues" events
  2. Add the App ID to .env.local as GITHUB_APP_ID
  3. Generate a private key and add it to .env.local as GITHUB_APP_PK_PEM
  4. Install the newly created GitHub App for your repo
  5. https://github.com/settings/apps/<your-app-name>/installations

Running Locally

$ bun dev

Learn More

← Back to Templates
On-Demand ISR
Avatar of leerobleerob/on-demand-isr

On-Demand ISR

Instantly update content without redeploying.

Deploy
View Demo
Framework
Next.js
Use Case
Starter
CSS
Sass

On-Demand Incremental Static Regeneration

Demo of On-demand ISR in Next.js using GitHub Issues. When a new issue is created, a webhook from a GitHub App pushes new changes to the deployed application to regenerate the static page.

Setup

  1. Create a new GitHub App
    1. Provide the URL of your deployed application for Homepage URL
    2. Ensure Webhook "Active" is checked
    3. Add <your-site>/api/webhook as the Webhook URL
    4. Create a Webhook secret and add it to .env.local as GITHUB_WEBHOOK_SECRET
    5. Give "Read Only" access to Issues
    6. Subscribe to "Issues" events
  2. Add the App ID to .env.local as GITHUB_APP_ID
  3. Generate a private key and add it to .env.local as GITHUB_APP_PK_PEM
  4. Install the newly created GitHub App for your repo
  5. https://github.com/settings/apps/<your-app-name>/installations

Running Locally

$ bun dev

Learn More

Related Templates

Next.js Boilerplate

Next.js Boilerplate

Get started with Next.js and React in seconds.

by ▲ Vercel

Nextra: Docs Starter Kit

Nextra: Docs Starter Kit

Simple, powerful and flexible markdown-powered docs site. Built with Next.js.

by ▲ Vercel

Portfolio Starter Kit

Portfolio Starter Kit

Easily create a portfolio with Next.js and Markdown.

by ▲ Vercel

Platforms Starter Kit

Platforms Starter Kit

Next.js template for building multi-tenant applications with custom domains using App Router, Vercel Postgres, and the Vercel Domains API.

by ▲ Vercel

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential