A Boilerplate is a convenient way to define components to be used by a project, so that new projects can be created quickly with the same tooling set up as soon as the project is created.
A Boilerplate can be used to define any project-level components and processes that are to be re-used.
When a project is created, it will always specify a Boilerplate - even if it’s a pre-defined Blank Boilerplate that leaves all these choices up to you.
Various Boilerplates are provided as defaults. Some provide only basic HTML and CSS, whereas more sophisticated ones include advanced frontend tooling: NPM, webpack, Sass and other components.
Our built-in Boilerplates¶
This list represents some key built-in Boilerplates.
The Blank Boilerplate installs no components. It will be up to you to install anything you need, including templates for your site.
Our implementation of it is very standard, and simply adapts it for use in django CMS projects.
Bootstrap and Foundation Boilerplates¶
Our Sass Boilerplate introduces compiled components. This is a dynamic Boilerplate, unlike those above, which is to say that it compiles its own materials at runtime (the static Boilerplates by contrast simply use or serve the materials they ship with).
The Sass Boilerplate uses the HTML5 Boilerplate package as its basis. It uses:
The advantage of using a dynamic Boilerplate with compiled components is that it permits you to build a customised frontend, shorn of items your project does not require. Compiled components can also be heavily compressed and optimised, while the source files you work on can remain readable and comprehensive.
The Webpack Boilerplate implements the Bootstrap framework as a fully-compiled frontend set-up. It uses: