📦 boilerplate 📦

this is a boilerplate starter kit for rapid web development. it is based on npm scripts.

includes

• Babel (7)
• Sass (+sourcemaps/autoprefixing/file inlining)
• Browsersync
• Tailwind CSS
• eslint
• React
• Jest (unit/integration/regression tests with Puppeteer)
• hlp
• Prettier and Prettier PHP Plugin
• Desktop notifications on error

features

• watchers for file changes
• copy scripts
• minification of html, js and css
• bundling of external libs
• extracting of critical css for above-the-fold-content
• deferred loading of google analytics
• import css files in javascript
• auto transform es6 dependencies
• google page speed 100/100 ready
• full ie11 support
• zero vulnerabilities on npm audit

installation

mkdir testproject
cd testproject
wget https://github.com/vielhuber/boilerplate/archive/master.zip
unzip master.zip -d .
mv boilerplate-master/{.[!.],}* .
rm -r boilerplate-master master.zip README.md
cp .env.example .env
npm install

usage

run watchers, browsersync and use uncompressed versions

npm run dev

build once for production

npm run prod