All Projects → marcinkrzeminski → gulp-starter-kit

marcinkrzeminski / gulp-starter-kit

Licence: MIT license
My Gulp Starter Kit

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to gulp-starter-kit

frontie
Frontie is a front-end boilerplate. Gulp | Twig.js | Sass | Autoprefixer | Browsersync | Bootstrap 4 Grid System & Responsive Breakpoints
Stars: ✭ 28 (-69.23%)
Mutual labels:  gulp, browsersync, autoprefixer
bootstrap-4-boilerplate
Basic Bootstrap 4 Starter Template
Stars: ✭ 50 (-45.05%)
Mutual labels:  gulp, browsersync, autoprefixer
genesis-sample-task-runner
Gulp workflow for Auto prefixing, Sass compiling, CSS minification, automatic browser reloading and more
Stars: ✭ 23 (-74.73%)
Mutual labels:  gulp, browsersync, autoprefixer
Long Haul
A minimal, type-focused Jekyll theme.
Stars: ✭ 524 (+475.82%)
Mutual labels:  gulp, browsersync, autoprefixer
Gulp Webpack Starter
Gulp Webpack Starter - fast static website builder. The starter uses gulp toolkit and webpack bundler. Download to get an awesome development experience!
Stars: ✭ 199 (+118.68%)
Mutual labels:  gulp, browsersync
Gopablo
🐺 Static site generator.
Stars: ✭ 166 (+82.42%)
Mutual labels:  gulp, browsersync
magento-2-gulp
Gulp for Magento 2. It works with core Magento styles (less) and structure. Uses default theme configs from dev/tools/grunt/configs/local-themes.js.
Stars: ✭ 37 (-59.34%)
Mutual labels:  gulp, browsersync
Web Starter Kit
Web Starter Kit is an opinionated boilerplate for web development. A solid starting point for both professionals and newcomers to the industry.
Stars: ✭ 130 (+42.86%)
Mutual labels:  gulp, browsersync
adfab-gulp-boilerplate
A boilerplate including Gulp, Less/SASS, BrowserSync.
Stars: ✭ 17 (-81.32%)
Mutual labels:  gulp, browsersync
branch
Branch Starter Theme - A WordPress starter theme based on Timber library and Bootstrap
Stars: ✭ 87 (-4.4%)
Mutual labels:  gulp, browsersync
gw-starter-kit
PEPELAC - Современный инструментарий для вёрстки и создания статичных сайтов с использованием Webpack
Stars: ✭ 30 (-67.03%)
Mutual labels:  gulp, browsersync
Bootstrap 4 Boilerplate
Bootstrap 4.3.1 boilerplate with Browsersync, Sass and Gulp.js
Stars: ✭ 155 (+70.33%)
Mutual labels:  gulp, browsersync
Generator Phaser Plus
[🛑 DISCONTINUED] It has been a long journey but development of `generator-phaser-plus` is now over. I recommend you have a look and fork `yandeu/phaser-project-template` instead.
Stars: ✭ 148 (+62.64%)
Mutual labels:  gulp, browsersync
Forward-Framework
A killer WordPress theme framework built using underscores, gulp, sass, bourbon neat, bower & browsersync.
Stars: ✭ 23 (-74.73%)
Mutual labels:  gulp, browsersync
Gulp Starter Kit
A simple Gulp 4 Starter Kit for modern web development.
Stars: ✭ 134 (+47.25%)
Mutual labels:  gulp, autoprefixer
Frontend-StarterKit
Frontend StarterKit - [Gulp 4, Pug, SCSS, ES6+]
Stars: ✭ 13 (-85.71%)
Mutual labels:  gulp, browsersync
sage-starter
The best starter theme with a modern front-end development workflow. Based on Sage, HTML5 Boilerplate, gulp, Bower, and Bootstrap.
Stars: ✭ 42 (-53.85%)
Mutual labels:  gulp, browsersync
gulp-sass-bootstrap-boilerplate
⏰📌 Boilerplate with gulp.js, Sass, Babel, and Browsersync.
Stars: ✭ 24 (-73.63%)
Mutual labels:  gulp, browsersync
Frontie Webpack
Front-end Boilerplate | Gulp 4 + Webpack 4 + Babel + ITCSS Architecture + BEM Methodology + Twig.js
Stars: ✭ 102 (+12.09%)
Mutual labels:  gulp, browsersync
Bootstrap 4 Sass Gulp 4 Boilerplate
A Bootstrap 4.5.2 boilerplate with font-awesome, sass, gulp 4 tasks
Stars: ✭ 103 (+13.19%)
Mutual labels:  gulp, browsersync

gulp-starter-kit

If you want to know how to build that kind of startet kit you can watch the YouTube videos I created while working on this starter kit: https://goo.gl/sMFmyN (Note: Videos are in Polish).

Prerequisites

  1. Node.js + npm
  2. Gulp installed globally: npm install gulp --global
  3. Windows users: Windows Build Tools: npm install --global --production windows-build-tools. Make sure to run this as an administrator.

Usage

1. Clone repo

git clone https://github.com/marcinkrzeminski/gulp-starter-kit.git

2. Go inside cloned repo

cd gulp-starter-kit

3. Install all dependencies (make sure nodejs with npm is installed on your machine)

npm install

4. Run default gulp task (will open browser window with live reload)

gulp

Build

In order to build the production version of your project run gulp build from the root of cloned repo.

List of npm packages used

  • gulp
  • browser-sync
  • gulp-sass
  • gulp-sourcemaps
  • gulp-autoprefixer
  • gulp-clean-css
  • gulp-uglify
  • gulp-concat
  • gulp-imagemin
  • gulp-changed
  • gulp-html-replace
  • gulp-htlmin
  • del
  • run-sequence

Big thanks to all the authors of these packages ❤️

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].