Porchy Web Development

Shortcodes? WP Blocks? Server side rendering?

I have a Prism.js block that I quite like, it’s part of a series of goofy ass Gutenberg blocks I made so long ago they probably don’t even work anymore.

They’re working again. Most of it was Gutenberg backwards compat breaks, some was other back compat breaks, some was forgetting what I did in the first place.

But, most importantly, this post is a test to see how they render. Above is a bog standard YouTube embed. Below will be a code block with a server side render.

NOTE: These work now in Gatsby! So you should see them. See images below for what it looked like when it didn’t work.

And below this are three red circles with red in them.

Currently, on the WordPress site, it’s rendering as this:

Let’s build it with Gatsby and see what happens! Right. As expected, the server side rendering falls apart (see note above, this was before adding in blocks support):

Static(ish) site on Gatsby

Up next: how to include server side rendered blocks in Gatsby I guess 🙂

Join the newsletter

Subscribe to get the latest content by email.

Powered by ConvertKit. If you give me your email address, you may receive emails from me (JJ) about posts on this site. You can unsubscribe at any time.

Porchy Ltd is a company registered in England, no. 12035925

VAT Registration no. 331196421

Built with WPGraphQL and Gatsby

© 2019 - 2021