How do I make reusable content blocks for header and footer when using Wordpress headless with another front-end?

I'm setting up a Wordpress project with Gatsby as frontend, and also using ACF for content. But I wonder how you would setup global content parts like header, footer, or any other kind of content that is being used globally throughout the website? For example both HOME and ABOUT pages need to have their own content, but also shares some specific blocks with same content.

I need to be able to edit the content for my header like setting up links to internal pages, be able to edit footer content (like text, an image etc), and for any other global blocks I'm looking for a way to setup them like title, text, maybe an image and so on (ACF control kind of...)

Please help me out!

Thanks

Topic headless rest-api plugins custom-post-types Wordpress

Category Web


ACF has the ability to create a 'Theme Options' page which you can then use to conveniently centralise options for things like headers and footer etc..

ACF Options Page information

As Jacob Peattie rightly points out, how you integrate this into Gatsby is outside of the scope of WPSE and may require custom development. However, providing you can inject custom code into these areas, via a function, shortcode or custom widget etc., using an ACF Options Page to control that content works nicely and is worth exploring.

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.