WordPress & Vue.js: Headless Stack w/ WP REST API

I can’t believe I’m about to write about WordPress again.

I’m only (half) kidding, as the last time I played around the WP REST API, I thought it was actually pretty dope!

It was a real breath of fresh air to see a mammoth of the web industry opening up to modern trends and new paradigms.

So I wondered: how fun would it be to use WordPress as a headless CMS with Vue.js—my beloved frontend framework?

The answer? A whole d*mn lot of fun, as it turns out. In this post, I want to go further in-depth with that stack.

In the technical tutorial, I'll cover the following steps:

1. Creating models with custom fields in WordPress
2. Building a custom endpoint for the WP REST API
3. Setting up a Vue.js single-page application
4. Hosting the app

First, let’s define “using WordPress as a headless CMS.”

Full on JAMstack stuff here! <3

→ Read the full post here