Build Blog With Wagtail CMS (second version) is available


Michael Yin

Full Stack Developer

Last updated on Jan 13 2021


Table of Contents

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.

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)


Michael Yin

Michael is a Full Stack Developer from China who loves writing code, tutorials about Django, Wagtail CMS and React.

He has published some ebooks on leanpub and tech course on testdriven.io.

He is also the founder of the AccordBox which provides the web development services.


Table of Contents

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

Read More

Subscribe

Get notified about new great Web Development Tutorial