DEV Community

Cover image for The WordPress Block Editor / Gutenberg
Hookedup Joe
Hookedup Joe

Posted on

The WordPress Block Editor / Gutenberg

WordPress may seem old and like a thing of the past, but the Gutenberg block editor is amazing. After developing a content creation library for the block editor, I can't say enough good things about WordPress and Gutenberg. In short, the block editor allows you to create your own content creation blocks, add settings and build HTML output accordingly.

The ability to use React, JSX and modern JavaScript development tools is well done and easy to get started with. Much of the work of the build process is automatic.

WordPress went from low on the list to the best content development system I have ever used. Being able to develop your own blocks is a game changer. Being able to add settings and build your HTML output accordingly is great. Allowing us to control how it looks and works in the designer the difference maker.

With WordPress, using many of the themes and plugins can leave you with a bad impression. This is because they are often badly developed and/or have grown over the years and are bloaty. Hence we are talking about the WordPress environment itself and not any plugins or themes. Making your own templates and plugins allows you to develop killer apps, exactly the way you want them done. Of course, single / specific use, normally open source plugins are useful and some are very well done, just not much in the way of bloat free, clean content creation themes and block libraries.

Open Source

It is all open source, license free and easy to deploy. WordPress provides backend data access, security and the like, while custom UIs can provide stellar high level / full application development. In fact, I also have overlayed an existing high level UI system over the top.

While it is still new and under development, I have an open source project that can be shared. Not sure the rules yet, so I'll hold off on posting links to the project site, but here is a preview of the block editor and custom blocks.

Preview of Block Editor

Advanced Application Development

Not related to the block editor, but part of the system is also an advanced application development environment plugin. The same client side architecture has been developed over Node.js with Mongo DB, but no content creation caps. I actually like the WordPress version better!

The purpose of these next graphics is to show how advanced of an application you can build in WordPress. This is a single page application with tons of functionality normally not seen in WordPress.

Advanced UI - Data

Advanced UI - Design

Top comments (0)