Author: Greg Rickaby

Quick Tip: Gutenberg Blocks as JSON

Big Ugly Blobs When WordPress saves Gutenberg blocks to the database, it smashes them together as a string of markup. When you query that via the REST-API or WPGraphQL? You get this big ugly blob of HTML: The screenshot above isn’t that...

Quick Tip: Next.js Hello World App – Part 1

This quick tip may seem simple to some, but to many working in a terminal, it isn’t trivial. In Part 1 of this series, “Next.js Hello World App,” I want to focus on the absolute basics like: The Terminal Installing Node Getting...

Using Next.js, WebDevStudios Built a 1,000 Page Headless WordPress Website

Last spring, I started dabbling with Next.js and it didn’t take long for “dabbling” to turn into, “Whoa! This is awesome!” I found myself totally immersed. A big part of that immersion is the simplicity of Next.js. For me, it has the...

Headless WordPress and Headless CMS

What is a Headless CMS? The terms Headless WordPress and Headless Content Management Systems (Headless CMS) have continued to rise on Google trends the last few years, spiking last summer during the height of pandemic, as small businesses all over the world...

Gutenberg First

When Matt Mullenweg said to, “…learn JavaScript, deeply,” in December 2015 (almost five years ago, wow!), he was laying the foundation for the WordPress Block Editor, Gutenberg, which is being built in four phases: Easier Editing — Already available in WordPress, with...

Core Web Vitals

The experiences on the web have gotten pretty bad. The latest trend of pop-up videos and ad-block interstitials (à la Admiral), banner ads that cause content and layout shifts, and sluggish interactions from heavy JavaScript execution is extremely frustrating for users! Google...

Building the Next.js 9.4 WordPress Example

A bit of history Before I go into how I got involved with building the NextJS 9.4 WordPress Example, let me give you some background. In the spring of 2019, I was nose-deep in Gatsby. It was all I could think about....

WDS and Microsoft 365 Partner Together to Create a Custom AMP Experience

What Is AMP? In short, AMP is an HTML Framework, which helps pages load faster and look better than standard HTML pages. The framework prevents developers from shooting themselves in the foot by having strict coding standards and by requiring all pages...

Get to Know the Official AMP for WordPress Plugin

In my last blog post, I filled you in on what’s new with the AMP Project and why I think it’s worth a second look. Today, I want to go in depth with the official AMP for WordPress plugin. Real Quick, What...