konsorten / static-boilerplate-ts

Starting point for creating static websites with Gulp, Typescript BrowserSync, and Handlebars.

Typescript Boilerplate

A starting point for creating static websites with typescript.

Based on Boilerplate by Jaden Dessureault

Features:

• Typescript
• Sass/SCSS
• Handlebars templating
• ES6 minification & bundling
• Live injection/reload with BrowserSync

Getting Started

Clone the repo using git clone or by clicking the Download ZIP button to the right.

git clone https://github.com/konsorten/static-boilerplate-ts.git

Navigate to the directory to where it was cloned.

cd boilerplate-ts

Install all dependencies using yarn:

yarn install

Run the default Gulp task to get started:

gulp

BrowserSync will automagically inject any changes you make to the stylesheets. You can view the website at one of the given access URLs:

[BS] Access URLs:
 ----------------------------------
       Local: http://localhost:3000
    External: http://10.0.X.XX:3000
 ----------------------------------

If you are working within a GitHub repo you can deploy your project, at any time, to a gh-pages branch by running:

gulp deploy

Credits

• Based on Boilerplate by Jaden Dessureault
• Responsive grid from Skeleton by Dave Gamache