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:

WordPress.com Logo

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

Google photo

You are commenting using your Google 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

Published

November 3, 2020

In this session, I will provide my insight on building the frontity.org 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:

Event

WordCamp Los Angeles 2020 25

Speakers

Mario Santos Guillamot 1

Tags

Gutenberg 221

Language

English 9058

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