Gulp Starter Kit

A web front end project from scratch with Gulp and other awesome technologies!

Features

Gulp the task automation tool, Node.js Containing modern web development tools such as Handlebars template system, Sass CSS pre processor, eslint Javascript linter, Babel and BrowserSync. Helping you to stay productive following the best practices. A solid starting point for both professionals and newcomers to the industry.

Directory Layout

├── /app/                       # The source code of the application
│   ├── /assets/                # The main folder for assets
│   ├── /components/            # The application components
│   ├── /data/                  # Json file containing data shared with the templates
│   ├── /layouts/               # The application handlebars layouts
│   └── /pages/                 # The application pages
├── /node_modules/              # 3rd-party libraries and utilities
│── .eslintrc                   # The configuration file from eslint
│── .gitignore                  # Git ignore rules
│── bower.json                  # The main bower dependencies file
│── gulpfile.js                 # The Gulp task manager configuration
│── package.json                # The node.js modules dependencies file
└── README.md                   # Important information related

Getting Started

Make sure you install Node.js v5.8.0+, npm v3.7.3+ and Gulp 3.9.1+ installed.

Just clone the repo:

$ git clone -o https://github.com/jpgcode/gulp-starterkit.git
$ cd MyApp                      # Change MyApp with the name of your app
$ npm install                   # Install Node.js components listed in ./package.json
$ bower install                 # Install Bower dependencies listed in ./bower.json

Development server

$ gulp                          # Start the static node.js server and runs it in browser

This will start a light-weight development server with "live reload" and synchronized browsing across multiple devices and browsers.

Generate dist files

$ gulp build                    # This will generate a dist folder ready for production use

Authors

Jose Pablo Granados

jpgcode/gulp-starterkit