Gutenberg Handbook PR previewer

[adamziel]

Large barrier to contributing to dev docs = no preview of how my changes look like in production. Developers must merge and then test their changes in production. A PR previewer would be hugely helpful. It can be set up with GitHub actions.

Example handbook page: https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/writing-your-first-block-type/

Example PRs:

• https://github.com/WordPress/gutenberg/pull/38250
• https://github.com/WordPress/gutenberg/pull/36051

Please create new issues to separately track each item on the checklist below

Done is

• [ ] A comment is automatically added to each Pull Request that is against the https://github.com/WordPress/gutenberg/ repo AND updates the documentation
• [ ] In that comment, there is a preview link
• [ ] The preview link leads to a Playground-based preview demonstrating how their PR would look like after its deployed to the production documentation site

[adamziel]

To quote @juanmaguitar:

The official instructions to set up a local DevHub environment are at: https://make.wordpress.org/docs/handbook/devhub/

To implement the development environment according to the instructions of the DevHub Handbook I created a project using @wordpress/env that is available in this repository

[juanmaguitar]

A comment is automatically added to each Pull Request that is against the https://github.com/WordPress/gutenberg/ repo AND updates the documentation

Maybe this process can be triggered only for those PRs labelled as [Type] Developer Documentation or only those PRs with some changes on /docs folder