Loading Data in Page Builder Elements

Introduction

It’s not uncommon to have a page element that loads data from an external remote HTTP API and displays it on the page.

For example, you might want to display a list of products or a list of blog posts that are loaded from Webiny’s Headless CMS GraphQL API. Another examples is listing rocket and dragon spacecrafts from an external SpaceX API, which is covered in the Create a Custom Page Element guide.

In this guide, we’ll show you how to efficiently load data in Page Builder elements using the useLoader React hook.