tchigher / on-demand-isr


Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Deploy with Vercel

On-Demand Incremental Static Regeneration

Demo of on-demand ISR in Next.js 12.1 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.


  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

Running Locally

$ npm run dev

Learn More


License:MIT License


Language:TypeScript 68.4%Language:SCSS 15.3%Language:CSS 8.8%Language:JavaScript 7.5%