Mario Santos Guillamot: Connecting Gutenberg and Frontity – A Case Study

Continue the discussion

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s


November 3, 2020

In this session, I will provide my insight on building the website using built-in Gutenberg blocks and a React-based front-end. This is a powerful approach that allows to combine all the flexibility of the WordPress editor with the potential of using React for more complex UIs, while keeping everything editable from Gutenberg, even the CLI commands! However, it has its challenges too.

I will share the lessons we learned, pros and cons, and what we found to be the best approach to solve them. I will do a small demo with different examples, from connecting the basic Gutenberg styles to more complex interfaces like the animations in the hero, and will explain how we addressed them (from the design phase to the final code implementation) to help you begin your own journey.

Presentation Slides »

Rate this:


WordCamp Los Angeles 2020 25


Mario Santos Guillamot 1


Gutenberg 253


English 9697

MP4: Low, Med, High, Original
OGG: Low
Subtitle this video →
%d bloggers like this: