https://github.com/snipcart/wordpress-headless-vue

A demo for a Vue.js SPA on top of WordPress as a headless CMS
https://github.com/snipcart/wordpress-headless-vue

headless-cms spa vue vuejs wordpress wp-rest-api

Last synced: about 2 months ago
JSON representation

A demo for a Vue.js SPA on top of WordPress as a headless CMS

• Host: GitHub
• URL: https://github.com/snipcart/wordpress-headless-vue
• Owner: snipcart
• Created: 2019-03-18T18:04:03.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2020-01-20T21:05:14.000Z (over 5 years ago)
• Last Synced: 2025-03-28T10:50:21.366Z (2 months ago)
• Topics: headless-cms, spa, vue, vuejs, wordpress, wp-rest-api
• Language: Vue
• Homepage: https://snipcart.com/blog/wordpress-vue-headless
• Size: 112 KB
• Stars: 75
• Watchers: 6
• Forks: 15
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

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

![wordpress-vue](https://snipcart.com/media/204208/wordpress-vue.png)

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

I thought: how fun would it be to use WordPress as a headless CMS with Vue.js—beloved frontend framework of mine?

A lot, it turns out!

In this tutorial, I want to go further in-depth with that stack. 

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

> Read the full tutorial [here](https://snipcart.com/blog/wordpress-vue-headless)

> See the live demo [here](https://wordpress-vue.netlify.com/)

Enjoy folks!