brunch-on-speed
brunch-on-speed copied to clipboard
🍽 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):
- 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 inapp/
dir. - Place static files you want to be copied from
app/assets/
topublic/
. - Brunch site, Getting started guide
-