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-...

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=he...
Headless Preview: https://github.com/torchbox/wagtail-h...
Vue Cheat Sheet: http://codepop.com/Vue-Essentials-Che...
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

• #education
• #codingforeverybodycom
• #learnwagtail
• #learnwagtailcom
• #wagtail
• #python
• #cms
• #django
• #headless
• #api
• #rest
• #vuejs
• #vue_api
• #rest_framework
• #drf