This project is from my book Build Blog With Wagtail CMS (second version)
Note: If you are interested in React
, Storybook
and Wagtail
, you can check wagtail-react-blog
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 useDocker Compose
to do development - Create blog models to work with Wagtail.
- Import
Bootstrap
themes to the blog. - Use
PDB
andDjango shell
to debug, test code and check data in terminal. - Learn to use
RoutablePage
and addDate
to the post url. - Build
Pagination
component and correctly handle querystring. - Make the blog supports writing in
Markdown
andLatex
. - 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 supportGeneric Relations
- Create Frontend project from
python-webpack-boilerplate
and load compiled CSS and JS in Django template. - Learn SCSS and use it to customize style in quick way.
- Use
Tribute.js
,Axios
to addMention
andEmoji
support to the comment form. - Learn
Async/Await
,Promise
and the benefits. - Deploy the production app to DigitalOcean
- Python 3.8
- Django 3.2
- Wagtail 2.14
- Node.js 12
- Webpack 5
- Bootstrap 5.1
- Tribute.js
- Axios
You need Docker and Docker Compose and you can install it here Get Docker
$ git clone https://github.com/AccordBox/wagtail-bootstrap-blog
$ cd wagtail-bootstrap-blog
# build and lanch app
$ docker-compose up --build
Now open a new terminal to import data and change password.
$ docker-compose exec web python manage.py load_initial_data
$ docker-compose exec web python manage.py changepassword admin
Now you can check on
The demo is also online if you want to check.