DEV Community

dippas

Posted on Oct 29, 2020 • Edited on Aug 9, 2021

Frontend Starter-Kit

#beginners #javascript #css #frontend

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

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

You can check the changelog here

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

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…