<p>In a Next.js App Router project, a Strapi publish can refresh affected pages through a webhook and Route Handler. The handler validates the request, maps the event to routes or cache tags, and returns a result Strapi can record. It never trusts a path supplied by the sender.</p><p>The <a href="https://nextjs.org/docs/app/api-reference/functions/revalidatePath">Next.js revalidatePath documentation</a> explains that a Route Handler marks a path for revalidation and the next visit refreshes it. I verify the public page after the call instead of treating the function return as fresh content.</p>

<h2>Define the events that matter</h2>

<p>I subscribe to publish, update, unpublish, and delete events that affect public content. Draft saves do not need public revalidation. The payload includes the content type, document identifier, locale, and current slug where available.</p><p>I keep the payload small and avoid sending the full private record. The Next.js handler can fetch approved fields from Strapi when it needs more context.</p>

<h2>Authenticate the webhook</h2>

<p>The endpoint accepts POST and validates a secret or signature stored in server configuration. I use constant-time comparison where the signing method calls for it, apply a body-size limit, and reject missing or malformed events before any invalidation.</p><p>The secret never appears in the URL, client bundle, or response. I rotate it like another service credential and test old-secret rejection.</p>

<h2>Map events to known routes</h2>

<p>A blog post can affect its article URL, the blog index, category page, tags, sitemap, and RSS feed. A service record can affect the service page and directory. I keep that mapping in code and normalize slugs before constructing paths.</p><p>I do not pass an arbitrary payload path into <code>revalidatePath</code>. An allowlisted mapper prevents an event from invalidating unrelated routes.</p>

<h2>Choose paths or tags</h2>

<p>Path revalidation is clear when one record maps to a few routes. Tags work when the same data appears across many pages. I name tags by content domain and record, then invalidate both the record tag and collection tag where appropriate.</p><p>I check the current Next.js API because cache behavior has changed across releases. The article records the version used by the application.</p>

<h2>Handle retries without hiding stale pages</h2>

<p>The handler returns a non-success status when validation or invalidation fails. Strapi or an external queue can retry with a cap. I attach an event ID so duplicate deliveries remain safe.</p><p>A failed event enters a visible queue or alert. Dropping it after logging leaves the editor with published CMS content and a stale public page.</p>

<h2>Test publication through the browser</h2>

<p>I publish a neutral test record, capture the webhook result, and request every affected public page. I repeat the test for slug changes, unpublishing, and an invalid signature.</p><ul><li>Only public-state events invalidate.</li><li>Requests require a server secret.</li><li>Routes come from an allowlist.</li><li>Duplicate events are safe.</li><li>Monitoring catches stale content.</li></ul>

<h2>Need help with Strapi?</h2>

<p>Terry Hunt Dev builds Strapi and Next.js publishing integrations through <a href="/services/strapi-development">Strapi development</a>. Request a cache and webhook review through the <a href="/contact">contact page</a>.</p>

Connect a Strapi webhook to Next.js revalidation with request verification, event-to-route mapping, scoped cache invalidation, retries, and monitoring.

Using Strapi Webhooks with Next.js Revalidation

Validate Strapi webhooks, map content events to Next.js routes, and retry failed revalidation without rebuilding the site.

Caching Resources & Benchmarks

Using Strapi Webhooks with Next.js Revalidation

Need hands-on help with Caching?