Web Static Boilerplate

Minimalist Static Website Boilerplate and build process to quickly get projects going.

Features

Development tools:

• Webpack 4 as module bundler
• ES6 support via Babel
• Compile CSS/SASS via PostCSS - postcss-preset-env and Sass - dart-sass
• Lint JS via ESLint - JavaScript Standard Style
• Lint SASS via Stylelint - Stylelint Config Standard
• Minimal HTML templating via Handlebars
• Watch/build multi pages website via html-webpack-plugin automatically
• Optimize assets via Terser, cssnano, imagemin, htmlminifier, PurgeCSS
• Generate favicons via favicons-webpack-plugin
• Generate sitemap via sitemap-webpack-plugin
• Gzip compression via compression-webpack-plugin
• Unit tests via Jest

Frameworks/Libraries included:

• Bulma
• Font Awesome
• Brand Colors

Installation

Clone the repository or download the latest stable release

git clone https://github.com/bymathias/web-static-boilerplate.git client

Make it your own

cd client
rm -rf .git && git init && npm init

Then install dependencies

npm install

Usage

Development:

Watch/compile files and start development server

npm run dev

Run with debug mode on

npm run dev -- --debug

Run unit tests (Jest)

npm test

Production:

Build for production

npm run build -- --mode=production

Compressed versions of assets to serve them with Content-Encoding

npm run build -- --gzip

Change Log

All notable changes to this project will be documented in the CHANGELOG.

Contributing

All types of contributions are most welcome.

• Project issue: Bug reports, feature requests, and feedback.
• Merge/Pull request: Bug fixes, new features and documentation.

License

The code is available under the MIT LICENSE.