⚡️ Getting Started

🙊 All blocks added by this boilerplate are prefixed with GB as in Gutenberg-Boilerplate. Take a look at the GIFs below to see how to try 'em out.

🎯 To try the ESNext block, i.e. 02-basic-esnext go to it's directory i.e. gutenberg-boilerpalte/block/02-basic-esnext and run npm install. Make sure you have Node and npm installed. Then in the 02-basic-esnext directory run npm run dev for development or npm run build to build the production code.

💯 Now read the source code to learn how to build blocks. It's heavily documented.

📦 Block #1

📦 Block #2

🎯 To try the ESNext block, i.e. 02-basic-esnext go to it's directory i.e. gutenberg-boilerpalte/block/02-basic-esnext and run npm install. Make sure you have Node and npm installed. Then in the 02-basic-esnext directory run npm run dev for development or npm run build to build the production code.

📦 Block #3

📦 Block #4

⚡️ License & Attribution

Code is licensed under GPL v3.0. The content and documentation is copyrighted to the WordPress Gutenberg team and WGA - AhmadAwais.com (especially the content in the blog post). I am still making up my mind with how Gutenberg will fit in the WordPress core. There are so many things which are both good and bad about it. So, instead of ranting about it, I wanted to do something more productive. I went ahead, studied the source code and received a lot of help from Gutenberg project and its contributors (Matias Ventura, James Nylen, Riad Benguella, Andrew Duthie, Joen, etc.) to finally build this. I started with three different repos which now co-exist as the Gutenberg examples and added more examples and documentation, using the Gutenberg code as a reference. Thanks to the Gutenberg team for a lot of help along the way.

🙌 Hello, from the WPCouple! I (Ahmad Awais) am a Full Stack Web Developer and a regular core contributor at WordPress. My wife (Maedah Batool) is a WordPress Journalist/Dev/Core Contributor. If you'd like to get insights into professional full stack development, DevOps, WordPress community news, growing up a family, building and bootstrapping a business then subscribe to our premium newsletter called ↣ The WordPress Takeaway!

Maedah Batool is a WordPress Core Contributor, Technical Dev Manager and a part-time Journalist. She created a tech-training startup called FinkTanks where she has taught 1,000+ girls how to code with WordPress.