This repository contains all of the create-block templates for the recipes that can be found at https://blockdevelopercookbook.com/.
You can use this repo as a local development environment with the @wordpress/env package.
Please ensure you have all of the requirements for a block development environment.
Checkout this repo.
git clone git@github.com:ryanwelcher/block-developer-cookbook.gitNavigate to the directory block-developer-cookbook
cd block-developer-cookbookInstall the dependencies
npm installStart the development environment (make sure you have Docker installed)
npm run env startRun any of the following scripts to scaffold a recipe and then follow the tutorial in either the Readme or at https://blockdevelopercookbook.com/. The content of the tutorials on the website is also provided in the README for each scaffolded plugin.
| Script | Recipe |
|---|---|
npm run prep:acronym-format |
Creating a custom format |
npm run prep:customize-build-process |
Customize the build process |
npm run prep:simple-fade-effect |
Simple Fade-in Effect |
npm run prep:transforms |
Block Transforms |
npm run prep:post-meta-testimonial |
Post Meta Testimonial Block |
npm run prep:gallery-slider |
Interactive API Gallery Slider |
npm run prep:tape-style |
Custom Image block style |
npm run prep:editorial-notes |
Editorial Notes |
npm run prep:word-counter |
Word Counter |
All of the these commands will scaffold a new plugin in the plugins directory of this repo, set some defaults, and assign them the custom block category of `Block Developer Cookbook'. Beyond that, there is no difference between the plugins scaffolded using these commands and the templates published on NPM - in fact this repo uses those!