When you’re using Gutenberg Components (Packages) in a separate Web App (maybe Headless WordPress app), you might encounter the error that shows you the Invalid Hook Call error in React.
Read MoreCategory: Gutenberg
How to enable Inner Blocks in your Gutenberg Block
Inner Blocks are Gutenberg Blocks that allow inserting additional blocks within your own block. To understand it even better, imagine a shortcode that wraps the content. This content can then be shown or hidden. You can achieve that inside Gutenberg with Inner Blocks.
Read MoreHeadless WordPress: Loading Posts & Pagination
In previous tutorials on Headless WordPress, we have covered several parts of using Gutenberg components, editing a profile and also logging using JWT tokens and social media. In this separate tutorial, we will start a new series of tutorials. In this first one, we will see how to load the posts and paginate them.
Read MoreGutenberg Components: ServerSideRender
Sometimes, we will need to render dynamic content and we usually used shortcodes for that. But shortcodes did not show the output in the editor. With ServerSideRender component we can now also see what will happen on the front while using Gutenberg.
Read MoreGutenberg Components: Form Token Field (Tags Field)
The Form Token Field Gutenberg Component is used for creating an input field from which you get a list of suggestions (autocomplete) from which you select values. This is also used in the Tags field when you’re writing a post (or any similar taxonomy).
Read More