Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nfmohit/static-html-boilerplate
Boilerplate for developing static HTML websites/web-apps.
https://github.com/nfmohit/static-html-boilerplate
boilerplate bootstrap sass static-html template webpack
Last synced: 29 days ago
JSON representation
Boilerplate for developing static HTML websites/web-apps.
- Host: GitHub
- URL: https://github.com/nfmohit/static-html-boilerplate
- Owner: nfmohit
- Created: 2019-09-13T11:30:02.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-01T22:40:34.000Z (over 1 year ago)
- Last Synced: 2024-10-03T09:24:53.032Z (about 1 month ago)
- Topics: boilerplate, bootstrap, sass, static-html, template, webpack
- Language: HTML
- Size: 855 KB
- Stars: 6
- Watchers: 2
- Forks: 1
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### 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](https://www.patreon.com/nfmohit)!