Strapi Plugin Revalidate Button

screenshot of Strapi Plugin Revalidate Button
nextjs
react
styled-components
strapi

Adds a revalidate button to the content manager edit view.

Overview:

The Strapi plugin, Revalidate Button, is designed to solve the problem of manually running a webhook to update content in the Preview of a Next.js page. This plugin allows users to press a button called "Revalidate" after previewing their content and being sure of the changes. By manually referring to the page, the new content is updated. The button retrieves the link from Strapi's webhooks by adding a line called "Revalidate". It is recommended to enable the trigger of the Webhooks only for publishing or unpublishing content.

Features:

  • Manual Revalidation: Users can manually revalidate the updated content in the Preview by pressing a button called "Revalidate".
  • Next.js Integration: This plugin is specifically designed to work with Next.js, allowing users to manually refer to the Next.js page to update the content.
  • Webhook Integration: The button retrieves the link from Strapi's webhooks, ensuring seamless integration and content updates.

Summary:

The Strapi plugin Revalidate Button provides a solution to the lack of manual run functionality in Strapi's webhooks. By allowing users to manually revalidate the updated content in the Preview, it ensures that only the finalized and verified content is updated in the Next.js page. With easy installation and integration with Strapi's webhooks, the Revalidate Button plugin enhances the user experience and content management process.

nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.

strapi
Strapi

Strapi is an open source headless CMS that provides a customizable content management system and API for your projects. It allows you to manage content in a visual interface and use a REST or GraphQL API to retrieve the data.