Creating a Headless WordPress Site With Frontity
Frontity is a WordPress-focused React-based server-side dynamic-rendering framework (phew!) that allows us to create fast headless websites. Chris has a good introduction to Frontity. I guess you could think of it like Next.js for WordPress. And while the demand for headless WordPress sites may be a..
The Big Gotcha With Custom Properties
I’ve seen this confuse more than a handful of people recently, including myself, so I’m making sure it’s written down.
Let’s chuck a couple of custom properties into CSS:
html {
--color-1: red;
--color-2: blue;
}
Let’s use them right away to make a background gradient:
html {
--color-1: red;
..
Using Nuxt and Supabase for a Multi-User Blogging App
Nuxt is a JavaScript framework that extends the existing functionality of Vue.js with features like server-side rendering, static page generation, file-based routing, and automatic code splitting among other things.
I’ve been enjoying using frameworks like Nuxt and Next because they offer not only ..
Implementing a single GraphQL across multiple data sources
(This is a sponsored post.)
In this article, we will discuss how we can apply schema stitching across multiple Fauna instances. We will also discuss how to combine other GraphQL services and data sources with Fauna in one graph.
Get the code
What is Schema Stitching?
Schema stitching is the proc..
“We had 90% unused CSS because everybody was afraid to touch the old stuff”
Over at the JS Party poundcast:
[Kend C. Dodds]: […] ask anybody who’s done regular, old CSS and they’ll tell you that “I don’t know if it’s okay for me to change this, so I’m gonna duplicate it.” And now we’ve got – at PayPal (this is not made up) we had 90% unused CSS on the project I was using, ..
Native Search vs. Jetpack Instant Search in Headless WordPress With Gatsby
Have you already tried using WordPress headlessly with Gatsby? If you haven’t, you might check this article around the new Gatsby source plugin for WordPress; gatsby-source-wordpress is the official source plugin introduced in March 2021 as a part of the Gatsby 3 release. It significantly improves t..
DX, to Whom?
Dave points to Sarah’s post on Developer Experience (DX) at Netlify. Part of what Sarah did there is lay out what the role means. It’s a three-part thing:
Integrations Engineering (e.g. features)Developer Experience Engineering (e.g. building integrations to ensure quality end-to-end for customers)..
From a Single Repo, to Multi-Repos, to Monorepo, to Multi-Monorepo
I’ve been working on the same project for several years. Its initial version was a huge monolithic app containing thousands of files. It was poorly architected and non-reusable, but was hosted in a single repo making it easy to work with. Later, I “fixed” the mess in the project by splitting the cod..
Tabs in HTML?
You know what tabs are, Brian.
I mean… You use them every day, on every OS. Everybody knows they exist in every toolbox. All that’s left is to “just pave the cowpaths!” But when you get right down to it, it’s a lot more complicated than that.
Brian Kardell shares a bit about the progress of bringi..
Cutouts
Ahmad Shadeed dug into shape “cutouts” the other day. Imagine a shape with another smaller shape carved out of it. In his typical comprehensive way, Ahmad laid out the situation well—looking at tricky situations that complicate things.
The first thing I’d think of is CSS’ clip-path, since it has t..