Tutorial Wagtail Version: 2.x
Learn how to serialize an ImageChooserBlock in your StreamFields to output the image data you're looking for.
Which will output JSON that looks something like this:
(Note: The part you're looking for is the body[2] ("type": "image"
) on lines 35-43)
Headless CMS: Custom Wagtail Image Serializer
Posted on
Using Django Rest Framework with Wagtails v2 API, we can customize ANY field the way we want. In this short video, we take a look at creating a new field entirely by overwriting an image, but we also look at serializing (JSONifying) an image field from a ForeignKey inside an Orderable. Don't worry, it's not as crazy as it sounds!
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 Workshop (with Vue.js)
Posted on
Learn how to create a headless Wagtail website using Vue.js — from scratch
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.