Skip to content
/ gulp-starter-kit Public template

Gulp Starter Kit for front-end developers which supports: SCSS, Eleventy, Nunjucks, rollup.js, Babel + auto polyfill.

License

Notifications You must be signed in to change notification settings

nstungcom/gulp-starter-kit

Repository files navigation

gulpjs logo

Gulp Starer Kit

A solid starting point tools for faster and easier web development.
Quickstart docs »

Report bug

Gulp Starter Kit

CI workflow Gulp v4.0.2 rollup v2.52.0 Node.js 12.22.1

Features

  • Independent front-end framework
    Use any of your favorite front-end framework like Bootstrap 4, check out our recipes.
  • Sass support (SCSS)
    Compile Sass into CSS with ease, bringing support for variables, mixins and more.
  • Performance optimization
    Minify and concatenate JavaScript, CSS, HTML and Images to help keep your pages lean.
  • ES6+ via Babel
    ES6+ support using Babel. ES6+ source code will be automatically transpiled to ES5 for wide browser support. Pollyfill will also be taken care of automatically.
  • Linting
    Lint CSS, SCSS with stylelint and JS with ESLint.
  • Multiple template language supports
    Compile Nunjucks, Markdown, Liquid, Handlebars, Mustache & Pug into HTML with ease. Powered by eleventy.
  • Built-in HTTP Server
    A built-in server for previewing your site locally while you develop and iterate.
  • Live Browser Reloading
    Reload the browser in real-time anytime an edit is made without the need for an extension.
  • Cross-device Synchronization
    Synchronize clicks, scrolls, forms and live-reload across multiple devices as you edit your project. Powered by BrowserSync.

Requirements

  • Node.js 12 or newer (tested with 12.22.1 and 14.17.1)
  • Gulp 4 (tested with 4.0.2)

Quickstart

  • Download the latest release or
  • Clone the repo git clone https://github.com/nstungcom/gulp-starter-kit.git my-project/
  • Install dependencies (with npm): npm install
  • Start development: npm start or npm run dev
  • Build for production: npm run build
  • Cleanup: npm run clean

Quickstart guides: