Build Blog With Wagtail CMS (second version) is available

Introduction

In 2017, I published the first version of Build Blog With Wagtail CMS, which aims to teaches people how to build projects using Wagtail CMS.

After 3+ years, many content and code in the book seems a little outdated.

I also received some user feedback:

1. How to make Wagtail work with modern frontend tech such as Webpack, SCSS, ES6
2. How to build comment package which support Mention and Emoji and make it work with Wagtail.

After finishing Build SPA with React and Wagtail (Which will teach you how to build a SPA (single-page application) with React and Wagtail CMS), I started working to solve the above problems for people.

1. I rebuild the project with latest Python, Django, Wagtail, and other packages.
2. I rewrote ALL chapters and added new content about the docker, modern frontend tech and comment solution.

Today, Build Blog With Wagtail CMS (second version) is available!

Objective

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:

1. Understand Docker and use Docker Compose to do development
2. Create blog models to work with Wagtail.
3. Import Bootstrap themes to the blog.
4. Use PDB and Django shell to debug, test code and check data in terminal.
5. Learn to use RoutablePage and add Date to the post url.
6. Build Pagination component and correctly handle querystring.
7. Make the blog supports wirting in Markdown and Latex.
8. Create contact page using Wagtail FormBuilder
9. Build menu, meta tags, sitemap, robots.txt for better SEO.
10. Build comment system based on django-contrib-comments which support Generic Relations
11. Understand how to use Webpack to bundle frontend assets and make it work with Django project.
12. Learn SCSS and use it to customize style in quick way.
13. Use Tribute.js, Axios to add Mention and Emoji support to the comment form.
14. Learn Async/Await, Promise and the benefits.
15. Deploy the production app to DigitalOcean

Tech

• Python 3.8
• Django 3.1
• Wagtail 2.11
• Node 12
• Webpack 5
• jQuery 3.5.1
• Bootstrap 4.5
• Tribute.js
• Axios

What included

1. A PDF ebook which contains about 30 chapters.
2. 20+ screenshots and several diagrams, all created by me.
3. The source code is available on the Github/wagtail-bootstrap-blog

Difference bewteen the book and content on Accordbox blog

1. The book content is new and work with latest Django and Wagtail.
2. New content about the docker development workflow.
3. New content about the modern frontend workflow based on Webpack, Babel and SCSS
4. New content about the comment solution which supports Mention and Emoji.

Demo

The demo is also online if you want to check.

• Wagtail Blog Demo

You can also check video below to see how Mention and Emoji work in the comment form.

Table of Contents

1. Introduction
2. Create project
3. Dockerizing Wagtail App
4. Add Blog Models to Wagtail
5. Page Templates
6. Add Bootstrap Theme to Wagtail
7. StreamField
8. Routable Page
9. Add pagination component
10. Add Date to the PostPage URL
11. Full Text Search
12. Markdown Support
13. Customize Markdown Renderer
14. Build form page
15. Menu Management
16. Wagtail SEO Guide
17. Modern frontend development with Webpack
18. Dockerizing Webpack project
19. Integrate Webpack with Django
20. Comment Model
21. Customize Django-Contrib-Comments
22. Manage comment in Wagtail
23. Add Mention support to Django form with Tribute.js
24. Add Emoji support to Django form with Tribute.js
25. Use Async/Await to refactor code
26. Deploy
27. Backend FAQ
28. Frontend FAQ

Check the book

Build Blog With Wagtail CMS (second version)