WP Manifestindependent plugin directory
manifest / editor / headless-blocks

Headless Blocks

A WordPress plugin that allows interactive React blocks in headless and the block editor

by Ryan Kienstra, Phil Johnston · github.com/kienstra/headless-blocks · website

★ 4stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/kienstra/headless-blocks/archive/refs/heads/develop.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/kienstra/headless-blocks ↗

Use interactive React components on the front-end.

Contributors: ryankienstra, johnstonphilip Tags: blocks, headless Requires at least: 5.5 Tested up to: 5.5 Stable tag: 0.1.0 License: GPLv2 or later Donate link: http://jdrf.org/get-involved/ways-to-donate/ Requires PHP: 7.3

Description

Your custom blocks, optimized for headless.

  1. Write the front-end of your blocks as React components in your Next.js repo's blocks/ directory.
  2. Give this plugin the URL of your Next.js repo with ./bin/setup.sh
  3. This plugin will import those blocks and display them in Gutenberg.

headless-block-editor

Setup

  1. Install this .zip of Genesis Custom Blocks, a dependency of this plugin
  2. Clone this repo into wp-content/plugins/
  3. cd headless-blocks
  4. nvm use
  5. ./bin/setup.sh
  6. Follow the prompt to enter the name and URL of your headless front-end repo. That will make this plugin import the blocks from that repo.
  7. npm run build
  8. Or to watch for changes: npm run dev