Skip to content

A basic static site boilerplate to quick start development.

Notifications You must be signed in to change notification settings

pamcy/Static-Site-Boilerplate-Webpack

Repository files navigation

Static Site Boilerplate Webpack

This excellent boilerplate is from Eric Alli , which I used as the starting point and made a fix for my own project.

Static Site Boilerplate

Installation

Clone repository from GitHub

git clone https://github.com/pamcy/Custom-Webpack-Config-Boilerplate.git
&& cd Custom-Webpack-Config-Boilerplate && rm -rf .git && git init

Usage

Install dependencies

npm install

Run the development server

npm run start

Generate production-ready files

npm run build:dist

FTP deployment

npm run deploy

Features

  • Modern Technologies: Full support for HTML5, JavaScript (Vanilla and ES6) and CSS (Sass and PostCSS)
  • SCSS Architecture: Write my own playbook that covers variables, functions, mixins, and any utility classes.
  • Bootstrap 4 Grid System: It includes only grid system, flex utilities and reboot to build upon quickly.
  • Built-in Server: Local development server with hot reloading
  • Performance Tuning: CSS and JavaScript transpilation, bundling, autoprefixing, and minification
  • Code Linting: Full support for JavaScript (ESLint) and CSS (StyleLint) linting on VSCode
  • Setup Wizard: Optionally install jQuery
  • Cutting Edge: Uses Webpack for processing and bundling your code
  • Deployment: Built-in support for deployment via FTP