The WordPress Gutenberg Query Loop Block is the most important Gutenberg Block, as it lets us create custom and dynamic pages, for example, a custom blog page.
In this video, I'll show you how to use the Query Loop Block to create the following dynamic pages.
1) Custom Featured Post Blog Page template
2) Custom Masonry Blog Page template
3) Custom WooCommerce Shop Page template
What is the Query Loop Block?
The Query Loop block is an advanced block that allows you to display posts based on specified parameters; like a PHP loop without the code. You can think of it as a more complex and powerful Latest Posts Block. With various block patterns integrated into the block setup, you can do things like create a portfolio or a page full of your favorite recipes.
source: wordpress.org
Timeline
0:00 - Intro
0:45 - The pages we are going to create
0:47 - Featured post template example
0:55 - Masonry Blog template example
1:05 - Custom Woocommerce Shop page template example
1:18 - Full Site Editing requirements
1:35 - How the Gutenberg query loop block works
1:45 - How to Build a custom blog page template with the Gutenberg query loop block
8:11 - How to build a custom masonry blog page template with the Gutenberg query loop block
11:46 - Custom WooCommerce Shop page with the Gutenberg Query Loop Block