AccordBox / Wagtail Bootstrap Blog
Wagtail blog based on Bootstrap 4, support Markdown, Latex and user comments.
Stars: ✭ 273
Programming Languages
python
139335 projects - #7 most used programming language
Projects that are alternatives of or similar to Wagtail Bootstrap Blog
Coderedcms
A content management system for marketing websites based on Django and Wagtail.
Stars: ✭ 386 (+41.39%)
Mutual labels: wagtail, bootstrap
Ej2 Javascript Ui Controls
Syncfusion JavaScript UI controls library offer more than 50+ cross-browser, responsive, and lightweight HTML5 UI controls for building modern web applications.
Stars: ✭ 256 (-6.23%)
Mutual labels: bootstrap
Staradmin Free Vue Admin Template
Star Admin Vue Admin is a free admin template based on Bootstrap 4 and Vue.js.
Stars: ✭ 265 (-2.93%)
Mutual labels: bootstrap
Jenkins Bootstrap Shared
Jenkins as immutable infrastructure made easy. A repository of shared scripts meant to be used as a git submodule. Packing Jenkins, plugins, and scripts into immutable packages and images.
Stars: ✭ 270 (-1.1%)
Mutual labels: bootstrap
Flutter Redux Starter
Starter project and code generator for Flutter/Redux
Stars: ✭ 262 (-4.03%)
Mutual labels: bootstrap
Startbootstrap Business Casual
A Bootstrap HTML theme for business websites - created by Start Bootstrap
Stars: ✭ 266 (-2.56%)
Mutual labels: bootstrap
Coreui Free Vue Admin Template
Open source admin template based on Bootstrap 5 and Vue 3
Stars: ✭ 2,951 (+980.95%)
Mutual labels: bootstrap
E107
e107 Bootstrap CMS (Content Management System) v2 with PHP, MySQL, HTML5, jQuery and Twitter Bootstrap. Issue Discussion Room: https://gitter.im/e107inc/e107
Stars: ✭ 272 (-0.37%)
Mutual labels: bootstrap
wagtail-whoosh
Search backend for Wagtail CMS using Whoosh engine.
Stars: ✭ 23 (-91.58%)
Mutual labels: wagtail
Startbootstrap Shop Homepage
A shop homepage Bootstrap HTML template created by Start Bootstrap
Stars: ✭ 261 (-4.4%)
Mutual labels: bootstrap
Nucleus
Vue startup application template that uses ASP.NET Core API layered architecture at the back-end and JWT based authentication
Stars: ✭ 276 (+1.1%)
Mutual labels: bootstrap
Introduction
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
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:
- 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 wirting 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
- Understand how to use
Webpack
to bundle frontend assets and make it work with Django project. - 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
Tech
- Python 3.8
- Django 3.1
- Wagtail 2.11
- Node 12
- Webpack 5
- jQuery 3.5.1
- Bootstrap 4.5
- Tribute.js
- Axios
How to run on local
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
Demo
The demo is also online if you want to check.
ScreenShot
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].