Wagtail Tutorial Series

eBooks

I started writing blog posts about Wagtail CMS since 2017, some content and code might be a little outdated.

You can check the ebooks below to get the latest learning resources maintained by me.

• Build Blog With Wagtail CMS: This book will teach you how to build a modern blog with Wagtail CMS
• The Definitive Guide to Next.js and Wagtail Build Jamstack web app with Next.js and Wagtail CMS.
• Build SPA with React and Wagtail: This book will teach you how to build a SPA (single-page application) with React and Wagtail CMS
• Build Blog with React (SSR) and Wagtail: This book will teach you how to build a blog with React, Wagtail CMS and SSR (Server-Side Rendering), which has good performance and good SEO.

The above ebooks build four projects which have similar features, but in different way. They can also help you have better understanding of the modern frontend tech and infrastructure.

Review

• Python CMS Framework Review: Wagtail vs Django-CMS In this Python CMS review article, I will talk and compare Django CMS and Wagtail CMS, the two most popular CMS frameworks in Python world.

Table of Contents:

Wagtail Tutorial Series:

To learn more about Wagtail CMS, please check Build Blog With Wagtail CMS (4.0.0)

1. Create Wagtail Project
2. Modern Frontend Techs for Wagtail
3. Dockerizing Wagtail App
4. Add Blog Models to Wagtail
5. How to write Wagtail page template
6. Create Stylish Wagtail Pages with Tailwind CSS
7. How to use StreamField in Wagtail
8. Wagtail Routable Page
9. Add Pagination Component to Wagtail
10. Customize Wagtail Page URL
11. Add Full Text Search to Wagtail
12. Add Markdown Support to Wagtail
13. Add LaTeX Support & Code Highlight In Wagtail
14. How to Build Form Page in Wagtail
15. How to Create and Manage Menus in Wagtail
16. Wagtail SEO Guide
17. Online Demo http://wagtail-blog.accordbox.com/
18. Source code: https://github.com/AccordBox/wagtail-tailwind-blog

Wagtail Tips:

1. Wagtail Tip #1: How to replace ParentalManyToManyField with InlinePanel
2. Wagtail Tip #2: How to Export & Restore Wagtail Site

Write style in Wagtail:

1. How to use SCSS/SASS in your Django project (Python Way)
2. How to use SCSS/SASS in your Django project (NPM Way)

Other Wagtail Topics:

1. How to make Wagtail project have good coding style
2. How to do A/B Testing in Wagtail CMS 
3. How to build a landing page using Wagtail CMS 
4. How to support multi-language in Wagtail CMS 
5. Add Bootstrap Theme to Wagtail

More Wagtail articles and eBooks written by me

How to deploy your Wagtail project

• How to deploy Wagtail project to Heroku with Docker I will show you how to use Docker to deploy your project on Heroku, you can also use the code to deploy Wagtail on AWS if you prefer.
• How to deploy Django project to Dokku In this Dokku tutorial, I will talk about how to deploy Django project with Dokku, it would use Postgres db and Amazon S3 to store data and media files.
• How to deploy Django project to Dokku with Docker In this post, I will talk about how to deploy Django project to Dokku with Docker.