CARVIEW |
Select Language
HTTP/2 200
date: Tue, 22 Jul 2025 23:04:39 GMT
content-type: text/html; charset=utf-8
vary: X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, X-Requested-With,Accept-Encoding, Accept, X-Requested-With
x-robots-tag: none
etag: W/"9cb7fae70e0f450bf6de93e26b7a08ab"
cache-control: max-age=0, private, must-revalidate
strict-transport-security: max-age=31536000; includeSubdomains; preload
x-frame-options: deny
x-content-type-options: nosniff
x-xss-protection: 0
referrer-policy: no-referrer-when-downgrade
content-security-policy: default-src 'none'; base-uri 'self'; child-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com release-assets.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com copilotprodattachments.blob.core.windows.net/github-production-copilot-attachments/ github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/
server: github.com
content-encoding: gzip
accept-ranges: bytes
set-cookie: _gh_sess=PeV1QpkJ3LlnzDr8ebSbkaY5INjKFhm6zVg6SOviMd%2B7AvEBz6fOQ5w5i26bVo5q7n635z%2BlOou%2FwlP0OVDxnT6G9yGiD%2Ff7CJt8gdAtyv9z%2BcEvHNHcv5K3ADDLV8gGLmY1Dz5BHvjXP4QGAY4VBo%2F5kjhtwriV1kNdCPmeL57Ukf6qO6huJ1%2FQeGCIMsFNMztYXX93HujxXS%2BpWalZxoh0CKsxpJy60zP72EtcneWXGYGDbYwGssSbGJx9xwfbdkGJcZkJCkxvjmkHhee07Q%3D%3D--BcaV%2BPw8fFpy7%2BeU--q6v83NfyGAltmebpZNKL0w%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.532711958.1753225478; Path=/; Domain=github.com; Expires=Wed, 22 Jul 2026 23:04:38 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Wed, 22 Jul 2026 23:04:38 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: CEA4:167F3A:1A95CD:244F2D:68801906
Getting Started · WordPress/block-development-examples Wiki · GitHub
Skip to content
Navigation Menu
{{ message }}
-
Notifications
You must be signed in to change notification settings - Fork 41
Getting Started
JuanMa Garrido edited this page Jan 7, 2025
·
3 revisions
This block-development-examples
repo is a monorepo multipackage because it contains several packages (examples) and is prepared to manage them collectively. To get up and running with it, you will need to make sure that you have installed the prerequisites.
-
NVM - While you can always install Node through other means, we recommend using NVM to ensure you're aligned with the version used by our development teams. This repository contains an
.nvmrc
file which helps ensure you are using the correct version of Node. -
PNPM - This monorepo utilizes PNPM to manage project dependencies and run various scripts involved in building and testing projects. You can easily install it with
npm i -g pnpm
.
After cloning this repo and entering into this project's folder (cd block-development-examples
), do the following from the root of the project:
# Set your Node version to the right one for this project (as defined on .nvmrc)
nvm use
# Install the dependencies for all of the plugins
pnpm install
# Launch a build process for all of the plugins in the monorepo
pnpm run build
At this point you are now ready to begin developing and testing the examples.
To see the examples in action, you have the following options:
- Click on the Live Demo icon
(from the list of examples table) to see a playground-powered live demo of the example.
- Use your own WordPress installation to install the plugin (that can be downloaded as a
.zip
from the 📦 icon of the example you're interested in the list of examples table). - Run
npm run env:start
from the root folder to usewp-env
to get a local development environment with the examples set in.wp-env.json
- Run
pnpm -- wp-env start
from any plugin folder to usewp-env
to get a local development environment with that example - Run
npx @wp-now/wp-now start
from any plugin folder to usewp-now
to quickly launch a WordPress installation with that specific plugin installed. - Copy the plugins folders for the examples plugins you're interested in under the
plugins
folder of your own WordPress installation.
Note
Check out the Development Guide for a more comprehensive look at working in this repository.
Clone this wiki locally
You can’t perform that action at this time.