Grunt Foundation Boilerplate

Welcome to my responsive boilerplate! I've created this template for myself to help jump-start my web development process. This boilerplate runs on Grunt and Bower, which depend on Node and npm. Ensure that you have Node and npm installed before you begin. Additionally, this project utilizes the following libraries:

Dependencies

Installing Grunt

  1. Change to the project's root directory.
  2. Install the CLI by running: npm install -g grunt-cli
  3. Install project dependencies with: npm install.
  4. Run Grunt with: grunt.
  5. For more details, visit Grunt's website.

Installing Bower

  1. Install Bower globally using npm: npm install -g bower
  2. Install project dependencies with: bower install.
  3. For more details, visit Bower's website.

File Structure

HTML

All pages can be found under src > template > pages which use the default layout template found under src > template > layouts > default.hbs

SASS

All CSS dependencies are imported at src > css > main.scss

JavaScript

RequireJS handles all dependencies and are defined at src > js > config.js and included at src > js > app.js

Build for Production

Grunt Build

When you're ready to build for production simply run: grunt build and your files will be minified under the _public directory.

Demo