DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for Frontend Starter-Kit
dippas
dippas

Posted on • Updated on

Frontend Starter-Kit

I've created this Frontend StarterKit, it allows you to have a quickly start in building your website.

It uses Gulp 4 as task runner, Pug as HTML template engine, with SCSS preprocessor and pure vanilla JavaScript (ES6+)

Has by default a Cookiebar compliant with EU rules, fully customizable.

Any feedback is welcome :)

Note: This StarterKit doesn't support Internet Explorer

GitHub logo dippas / Frontend-StarterKit

Frontend StarterKit - [Gulp 4, Pug, SCSS, ES6+]

Frontend StarterKit - [Gulp 4, Pug, SCSS, ES6+]

This starterkit allows you to have a quickly start in building your website.

FS

Give some love

bc

Table of Contents

Status

stars forks watchers

release (latest by date) issues maintenance release date

ChangeLog

You can check the changelog here

Setup

  • Download Node.js from your favorite browser here
  • Restart your PC (just in case)

Installation

  • Clone this project
  • Open the Project with your favorite IDE
  • Run the Shell
  • In the Shell run the following commands
    • npm i -g npm gulp gulp-cli (if is your first project using npm and gulp)
    • npm i
    • gulp build to compile files to dist folder

Features

  • A live-reloading server with Browsersync
  • Automated build process that includes, but is not limited to: SCSS compilation (with Autoprefixer included) and image optimization
  • Ability to add 3rd party plugins easily - gulp/_config.js
  • Minified CSS & JS in dist folder
  • SourceMaps for better debugging
  • Core…

Top comments (0)

🌚 Browsing with dark mode makes you a better developer by a factor of exactly 40.

It's a scientific fact.