Tutorial Wagtail Version: 2.x
Learn how to create a headless Wagtail website using Vue.js — from scratch
Learn how to create a Headless Wagtail CMS website and have Vue.js consume data from the API.
In this workshop we will:
All code is available at https://wagtail.io/headless-workshop/
Extra resources:
Big thank you to Torchbox and Tom Dyson for all the work you've put into making this workshop possible, and a reality.
Wagtail Workshop: Start and Deploy a Website In 1 Hour
Posted on
In this one hour workshop we are going to create a new Wagtail website from scratch, create a blog, and deploy it to the internet using Netlify (free!)
Headless CMS: Image Rendition Field
Posted on
In the previous lesson we created a custom Django Rest Framework Serializer to output JSONified image data in the Wagtail v2 API, including the URL, title, height and width. In this tutorial I'll show you how to to do the same thing but in one line of code using a built in Wagtail class.
Headless CMS: Serializing Foreign Keys
Posted on
Wagtail Page's can have ForeignKeys to other pages. In this tutorial you'll learn how to return better ForeignKey data in your Headless Wagtail CMS website.
Headless CMS: Custom Page Properties
Posted on
If you want to add data custom data (or a function output) to your headless Wagtail API, you can use a @property. In this tutorial I'll show you how easy it can be!
This course covers everything from basic installation to advanced features like custom blocks and API integration, it's perfect for developers looking to enhance their skills with this powerful CMS.