shaunkleyn/static-html-boilerplate

Boilerplate for developing static HTML websites/web-apps.

Description

This static HTML boilerplate is our go-to template when me or my team is developing a static HTML project. It has all the goodies built-in so that we don’t have to configure everything from scratch every time we start a new project.

Use Cases

This is very simple and straightforward. Just cloning will provide you with a package to start an HTML project.

Core Features

1. Uses Webpack for bundling all files and folders.
2. Supports SASS.
3. Outputs minified and combined CSS and JS assets.
4. Has built-in support for Bootstrap.
5. Has built-in support for FontAwesome.

Coming Soon

1. BrowserSync support for seamless development experience.

Usage

1. Clone the repository: git clone https://github.com/nfmohit-wpmudev/static-html-boilerplate.git.
2. Install dependencies: npm install.
3. Development script: npm run dev.
4. Build Script: npm run build.
5. Archive Script: npm run archive.

File Structure

Upon download (built state), the file structure should look like the following:

static-html-boilerplate/
├── assets/
|   ├── dist/
|   |   ├── css/
|   |   |   ├── main.min.css
|   |   ├── fonts/
|   |   ├── js/
|   |   |   ├── main.min.js
|   ├── src/
|   |   ├── fonts/
|   |   ├── images/
|   |   ├── js/
|   |   |   ├── main.js
|   |   ├── sass
|   |   |   ├── main.scss

Sponsor

You can sponsor this project and support my open-source development by becoming a Patron!