A web front end project from scratch with Gulp and other awesome technologies!
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.
├── /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
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$ gulp # Start the static node.js server and runs it in browserThis will start a light-weight development server with "live reload" and synchronized browsing across multiple devices and browsers.
$ gulp build # This will generate a dist folder ready for production useJose Pablo Granados
Copyright (c) 2016 Jose Pablo Granados Released under the MIT license