Gulp Starer Kit

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

Report bug

Gulp Starter Kit

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:

• Documentation
• Eleventy: https://www.11ty.dev/docs/
• Nunjucks: https://mozilla.github.io/nunjucks/templating.html