statickidz / webpack-handlebars-bootstrap

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

Webpack 4 + Bootstrap 4 + Handlebars

Static site generator built with Webpack, Bootstrap and Handlebars.

Demo

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
• SASS Support via sass-loader
• Linting via eslint-loader

webpack-handlebars-bootstrap's Issues

How to use handlebars template

Hello,

First of all, thank you for this nice starter kit !

I'm now trying to figure out to use handlebars template and import handlebars in app.js like in this basic example : https://codepen.io/SitePoint/pen/bdLRbE

Here is my code.

import $ from "jquery";
import 'bootstrap';
import './assets/styles/main.scss';
import Handlebars from 'handlebars/dist/handlebars.min';

$(document).ready(() => {
	var template = $('#handlebars-demo').html();

	var templateScript = Handlebars.compile(template);

	var context = {
		"name": "David James",
		"occupation": "developer"
	};

	var html = templateScript(context);
        $(document.body).append(html);
});

The html result : "My name is . I am a ."

Do i have something to modify in the webpack config to make this works ?

Dynjamic parameters in slug

Hi,

Is it possible to use dynamic parameters in routes:

I mean I wish to create custom slugs

http://localhost:3001/services/makeup.html
and bind them a route

/services/(:service)/.hbs

and render the content with an api

app/js will take the parameter and populate the list with parameter.

I do not want to use any frontend framework for only one two pages. I have written it on ReactJS but it's hard to implement the CSS codes.

Regards

yarn "dev" doesn't compile *.hbs files

After running "yarn dev", changing the *.hbs files doesn't update the HTML outputs. I have to run "yarn build" and then "yarn dev" again to see the changes in HTMLs.