Select one or more tags, then press “Search Plugins”

Find Plugin with any / all of the selected criteria
Search Plugin

Decouplix Previews & Smart Purge Wordpress Plugin - Rating, Reviews, Demo & Download

Decouplix Previews & Smart Purge Preview Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

An enterprise-ready WordPress plugin that optimizes the content editing experience for headless (decoupled) sites. It handles secure previewing, webhook management, automated CDN cache invalidation, and custom WP-CLI tools.

Key Features

  • Settings Panel: A React-powered settings panel built using native WordPress component styling.
  • Webhook Triggering: Fires webhook payloads to decoupled frontend when posts are published/modified.
  • Revalidation Queue: Uses a queue system (Action Scheduler with standard WP Cron fallback) to send webhooks asynchronously.
  • Smart Cache Invalidation: Automatically invalidates cached frontend URLs when related content changes.
  • Headless Previews: Directs the classic/Gutenberg preview button to target the frontend API route securely.
  • WP-CLI Commands: Automate webhooks, purging, and configuration checks from the command line.

Prerequisites

  • Node.js (version specified in .nvmrc)
  • Composer (v2)
  • PHP 7.4 or later

Local Setup

  1. Clone the repository into your WordPress plugins folder (/wp-content/plugins/).
  2. Run npm install to install local JavaScript build tools and dependencies.
  3. Run composer install to install PHP development tools (PHPUnit, PHPCS).

Build Scripts

  • npm run dev or npm run watch: Starts the webpack watcher for React changes, compiling in real-time.
  • npm run build: Compiles production-optimized and minified JavaScript/CSS assets.

Testing & Linting

  • npm run lint: Runs both JS and PHPCS linters to verify syntax and standard compliance.
  • npm run lint:js: Runs WordPress ESLint/Prettier checks on JavaScript code.
  • npm run lint:php: Runs PHP CodeSniffer standard checks.
  • npm run test: Runs the PHPUnit unit test suite.

External Services

This plugin is designed to connect to external frontend frameworks, content delivery networks (CDNs), or deployment hosting providers (such as Vercel, Netlify, or custom webhook endpoints) to handle cache revalidation and trigger frontend deploys.

Depending on the Webhook URL and Cache Purge Endpoints configured by the administrator in the settings panel:
* Outgoing HTTP POST requests (containing post metadata, URLs to be purged, and cryptographic signatures) will be sent to the user-specified endpoints when posts/pages are published or modified.
* Default/example placeholders reference Vercel. For more details on these integrations, see:
* Vercel Terms of Service: https://vercel.com/legal/terms
* Vercel Privacy Policy: https://vercel.com/legal/privacy-policy

Screenshots

  1. React-powered Decouplix settings dashboard with clean, horizontal settings alignment.

    React-powered Decouplix settings dashboard with clean, horizontal settings alignment.

  2. Setting configuration details for Webhook URL, Webhook Secret, and Cache Purge Endpoints.

    Setting configuration details for Webhook URL, Webhook Secret, and Cache Purge Endpoints.

  3. Secure Live Draft Preview routing workflow from the Gutenberg editor.

    Secure Live Draft Preview routing workflow from the Gutenberg editor.

  4. Custom WP-CLI <code>wp decouplix</code> command suite for advanced administration.

    Custom WP-CLI wp decouplix command suite for advanced administration.


Reviews & Comments