Web Boilerplate

Web Boilerplate is a starting point for HTML5 web development.

You can kick off your next web / app front-end project without the timecost of setting up a fresh project with its file structure, building tasks, core files and core contents, SEO specific meta tags and accessibility, dependencies, deployment and so on...

Tooling / Technologies / Libs (core only)

• docker
• node
• npm
• gulp
• browserify
• webpack
• babel
• browser-sync
• node-sass
• stylus
• image sprites via spritesmith
• svg sprites
• bower
• rsync

Setup

Install Docker

• docker for mac
• docker for windows
• docker for linux

Development

You can either use the web-boilerplate image from docker-hub or create your own images using the included Dockerfile

Create a docker container from docker-hub and start development

docker run -p 3000:3000 -p 3001:3001 --name web-boilerplate -v $(pwd)/src:/usr/local/src/src --sig-proxy=false soenkekluth/web-boilerplate npm run dev

or build your own Docker Image

docker build -t web-boilerplate .

and run your Docker Container for development

docker run -p 3000:3000 -p 3001:3001 --name web-boilerplate -v $(pwd)/src:/usr/local/src/src --sig-proxy=false web-boilerplate npm run dev

Distribute

docker run --rm -v $(pwd)/src:/usr/local/src/src -v $(pwd)/dist:/usr/local/src/dist soenkekluth/web-boilerplate npm run dist

Server Configs

if you may need any... https://github.com/h5bp/server-configs/

Frontend Coding Guidelines

• http://codeguide.co/
• http://cssguidelin.es/
• http://sass-guidelin.es/
• https://github.com/styleguide/css/
• https://github.com/necolas/idiomatic-css/
• http://paulrobertlloyd.com/about/styleguide/
• https://github.com/airbnb/javascript/
• https://github.com/felixge/node-style-guide
• https://github.com/yandex/codestyle/blob/master/javascript.md