Wagtail Headless CMS Workshop (with Vue.js)

All code is available at https://wagtail.io/headless-workshop/
Wagtail for Beginners Course: https://learnwagtail.com/wagtail-for-beginners/

Learn how to create a Headless Wagtail CMS website and have Vue.js consume data from the API.

In this workshop we will:

• Create a new Wagtail website
• Create a custom Wagtail Page
• Enable the v2 API
• Explore Vue.js, Vue Components, Vue Routing, and Axios
• Consume API data with Vue.js
• Work with a custom Image Rendition serializer
• Serialize StreamFields
• Install and enable headless preview

All code is available at https://wagtail.io/headless-workshop/

Extra resources:
Other Headless Tutorials: https://learnwagtail.com/search/?q=headless
Headless Preview: https://github.com/torchbox/wagtail-headless-preview
Vue Cheat Sheet: http://codepop.com/Vue-Essentials-Cheat-Sheet.pdf
Vue Mastery: https://www.vuemastery.com/

Big thank you to Torchbox and Tom Dyson for all the work you've put into making this workshop possible, and a reality.

#wagtail #api #headless