jfilter / brunch-on-speed

🍽 Skeleton for Brunch for a long-scroll, single, static Web page

Brunch on Speed

This is a skeleton (or boilerplate) for Brunch, a fast and easy to configure building tool for modern Web development. The skeleton is intended to be a foundation for a long-scroll, single, static Web page.

Installation

Clone this repo manually or use brunch new DIRECTORY -s jfilter/brunch-on-speed

Features

• Twitter Bootstrap 4.0
• jQuery
• Compilation of ECMAScript 2015 (ECMAScript 6) files with Babel
• Uglification and concatenation of Javascript files with UglifyJS
• Extending CSS with Sass
• Autoprefixing, concatenation, minification (and more) of CSS files with Pleeease (PostCSS)
• Auto reload of development server
• ESLint with AirBnB Javascript Style Guide
• Ready to format your code with Prettier
• index.html with essential meta tags for SEO and Social Media

Recommendation

To complete the development environment, make sure to integrate ESLint and Prettier into your text editor.

Getting started with Brunch

• Install (if you don't have them):
  • Node.js: brew install node on OS X
  • Brunch: npm install -g brunch
  • Brunch plugins and app dependencies: npm install
• Run:
  • npm start — watches the project with continuous rebuild. This will also launch HTTP server with pushState.
  • npm run build — builds minified project for production
• Learn:
  • public/ dir is fully auto-generated and served by HTTP server. Write your code in app/ dir.
  • Place static files you want to be copied from app/assets/ to public/.
  • Brunch site, Getting started guide