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

Видео Wagtail Headless CMS Workshop (with Vue.js) канала Coding For Everybody