[{"_1":2,"_42":-5,"_43":-5},"loaderData",{"_3":4,"_10":11,"_40":-5,"_41":-5},"root",{"_5":-5,"_6":-5,"_7":-5,"_8":9},"user","shoppingCartId","toast","locale","en","routes/_store+/_readers+/email_author.$slug/route",{"_12":13,"_39":-5},"book",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25},"id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvMjg5MDE","title","Build Blog With Wagtail CMS (4.0.0)","state","published","contactAuthorMethod","email","aboutText","

This book will teach you how to build a modern blog with Wagtail CMS

By the end of this course, you will be able to:

Understand Docker and use Docker Compose to do development
Use python-webpack-boilerplate to jump start frontend project bundled by Webpack.
Install Tailwind CSS as the style solution.
Install Stimulus, understand how it works and write Stimulus controllers.
Learn how Dark Mode works in Tailwind CSS and use Stimulus controller to toggle the dark mode.
Understand the benefit of the healthy Stimulus ecosystem by reusing 3-party Stimulus controller.
Create blog models to work with Wagtail.
Use PDB and Django shell to debug, test code and check data in terminal.
Learn to use RoutablePage and add Date to the post url.
Build Pagination component and correctly handle querystring.
Make the blog supports writing in Markdown and Latex.
Create contact page using Wagtail FormBuilder
Build menu, meta tags, sitemap, robots.txt for better SEO.
Build comment system based on django-contrib-comments which support Generic Relations
Use Tribute.js, Axios to add Mention and Emoji support to the comment form.
Deploy the production app to DigitalOcean

Tech

Python 3.10
Django 4
Wagtail 4
Stimulus 3
Tailwind CSS 3

This book includes:

A PDF ebook which contains about 30 chapters.
20+ screenshots and several diagrams, all created by me.

Changelog:

4.0.0 Released 2022-11-07

Drop Bootstrap, and use Tailwind CSS as style solution.
Use Stimulus to help write Javascript.
Upgrade Django, Wagtail, update the screenshots.

3.0.0 Released 2021-08-23

Upgrade Django, Wagtail, update the screenshots.
Import python-webpack-boilerplate as frontend solution
Upgrade Bootstrap 5, drop jQuery, write DOM related code with vanilla JavaScript

2.0.0 Released 2021-01-09

Rewrite the book and source code, update the screenshots.
Add content about docker-compose and docker
Add content about the django-contrib-comments
Add content about the Webpack

1.0.0 Released 2017-09-13

","authors",[26],{"_14":27,"_28":29,"_5":30},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci8zMDE0OA","name","MichaelYin",{"_31":32},"avatar",{"_33":34,"_35":36,"_37":38},"url","https://d308did4coypzi.cloudfront.net/avatars/1150177/medium/4366781.jpeg?1508506549","styleName","medium","exists",true,"currentUser","routes/_store+/_layout","routes/_store+/_readers+/_layout","actionData","errors"]

Email the author