Search for a command to run...
Hey 👋🏻 !
I'm Kevin, a full-stack developer running a digital prototyping company with my business partner called Spin Up.
When I'm not consulting and building for clients, I'm writing content here, curating my newsletter or creating videos.
Outside of work, I enjoy handing out with my wife and sons - camping, hiking and kayaking or just curling up with a good book.
No comments yet. Be the first to comment.
SVGs are great! They are scalable vector graphics. As they are vector based they can be scaled to be huge or tiny and they won't pixelate. They are made up of XML describing the paths and shapes needed to make the final image. They are an excellent c...
One of the strengths of using WordPress as your content backend is that you have a lot of choice. You can decide where to host your instance, how to organise your content types and how many different users and roles you want to introduce. I don't kno...
I realised last night that I've been writing a lot about why Headless WordPress is a great solution but haven't been clear about what headless actually means. Every website or application that you use is made up of at least two components. There is t...
I think being able to code is a super power. I also think that we are often too quick to use this super power. https://twitter.com/dolearning/status/1319262958279643137?s=20 A week ago, a friend who works for a charity approached me. They were using ...
I'm a big fan of the JAMStack and WordPress. I think they are excellent companions, adding value both to content creators and developers. I'm glad to say, I'm not alone. However, it doesn't take long before you come across the view that this combination is needlessly complicated.
I'd like to share a bit about what I find compelling about this architecture.
I've played with a number of productised headless CMSs (should that be CMSes? 🤷🏽). Each of these products is pretty good and for some of our clients we are indeed using Prismic and Airtable. The challenge though is that they are solving a general problem for a lot of people rather than your specific problem.
With a headless WordPress instance, you can extend your API infinitely allowing you to make a bespoke solution.
Want to internationalise? We got you!
Fancy connecting related posts with snippets? A few lines of code.
If you can imagine it for your backend (or you've seen it on the Premium package of a 3rd party provider), you can get your headless WP to do it.
If you have ever bought a domain with GoDaddy or Bluehost or any of the mainstream providers, you've probably come across cPanel or something similar.
These shared hosting providers give one-click setups for WordPress and, for the most part, work seamlessly (my experience is that they aren't always the fastest of sites which is one of the reasons I love headless).
If you'd rather, my friend Colby has a great walkthrough on setting up a WordPress instance on AWS Lightsail. This is possible on the free tier, so if you aren't using many other AWS services then you're sorted!
Or, if you're going to statically build your site, and not interact with the headless WordPress apart from that, you could host it locally. I tend to use Local from Flywheel for this.
I've come to enjoy headless WordPress for a number of reasons but the most compelling has been client demand.
I had clients who wanted their content team to continue to use WordPress but wanted a statically built frontend. By working with headless WordPress, the back of house staff don't need to be bothered as the frontend changes. They provide the content and page structure, that is consumed and enriched by the frontend.
WordPress has been around for a long time and editors have generally used it in one form or another. People are comforted by familiarity and we can lean into that.
Out of the box, WP comes with a decent RESTful API. The endpoint is /wp-json and it is descriptive and comprehensive. With a bit of custom code it is possible to extend the API and add your own custom fields and data to the JSON responses. You can reduce the need for multiple requests if you know the shape of the data you're going to ask for.
But, if you don't want REST and would rather have a graphQL API, WP has you covered. There are plugins for a really detailed and self-descriptive graphQL API. You'll be able to integrate with Gatsby or NextJS or any front-end architecture you want to hook up.
I mentioned plugins in the last section and it's worth noting that WP development is open source. I love OSS and think that we make some amazing advances by working in the open. WordPress has been around a long time. There are myriad resources for learning and answering any question you might have. Not only that, there is a dedicated and committed community who are fun to be a part of.
I'm always curious on price points around headless CMSes. Here are some selections from pricing pages:
I've mentioned some free or super low-cost deployment options for headless WordPress. With each WP you can have unlimited users, unlimited roles and can implement any of the features that these solutions offer with a bit of work.
It doesn't have to be a lot of work though. Even out of the box, you get a ton of functionality.
The primary reason to go headless is generally to decouple the front-end and the back-end. Once you're set up, you can swap in and out any front-end you'd like.
You can use Gatsby or Next, Svelte or Clojure - headless WordPress is providing the data and you can do whatever you want for it.
WordPress powers a lot of the internet and any security issue is quickly made public. If you don't keep your instance up-to-date then you can face some security issues. Working headlessly though, means that your end-users never need to know where your WordPress instance is.
A statically built frontend means files served from a CDN with no interaction with the database or sensitive assets after build.
I'm currently exploring and thinking about headless WordPress a lot. If you want more content like this and a weekly spotlight on cool projects around the web, sign up to my newsletter below.
