loading...

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

couellet profile image Charles Ouellet Originally published at snipcart.com on ・1 min read

Build a Vue.js SPA on Top of Headless WordPress

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.

wordpress-headless-change

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

Discussion

pic
Editor guide