Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/statickidz/webpack-handlebars-bootstrap

JAMstack static site generator built with Webpack, Bootstrap and Handlebars.
https://github.com/statickidz/webpack-handlebars-bootstrap

babel bootstrap bootstrap-4 browsersync handlebars handlebars-frontend-template jamstack moustache webpack

Last synced: 3 months ago
JSON representation

JAMstack static site generator built with Webpack, Bootstrap and Handlebars.

Awesome Lists containing this project

README

        


License

# Webpack 4 + Bootstrap 4 + Handlebars

Static site generator built with Webpack, Bootstrap and Handlebars.

![Webpack 4 + Bootstrap 4 + Handlebars](src/assets/images/screenshot.png?raw=true)

### Demo
[https://webpack-handlebars-bootstrap.netlify.com/](https://webpack-handlebars-bootstrap.netlify.com/)

### Installation

```
git clone https://github.com/statickidz/webpack-handlebars-bootstrap.git your-app-name
cd your-app-name
yarn install
```

### Run development

```
yarn start
```

### Build Static site for production

```
yarn build
```

### Netlify Deploy Build settings

* Add your repository normally
* Build command: webpack --config webpack-prod.config.js --colors --optimize-minimize
* Publish directory: dist

### Features:

* Static-site
* SEO friendly
* Webpack 4
* Bootstrap 4
* FontAwesome 5
* BrowserSync with localtunnel, xip.io, ...
* Hot Module Replacement
* ES6 Support via [babel-loader](https://github.com/babel/babel-loader)
* SASS Support via [sass-loader](https://github.com/jtangelder/sass-loader)
* Linting via [eslint-loader](https://github.com/MoOx/eslint-loader)