Skip to content
/ headless-blocks Public template

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

License

Notifications You must be signed in to change notification settings

kienstra/headless-blocks

Repository files navigation

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

Jest Tests PHPUnit Tests Lint All

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

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published