Project structure

Folder / File name Description
homeid Folder contains all template source and production files.
homeid / site This folder holds all template source files like .md, .html, .yml, .scss, .js that are then processed (compiled / minified) to dist folder.
homeid / dist Folder contains all template distribution files like .html, .css, .js that have been processed (compiled / minified) from site folder using Node.js and Gulp.
homeid / dist / vendors This folder contains all vendor plugins' .js / .css files.
homeid / package.json File contains meta data about your app or module. Most importantly, it includes the list of dependencies to install from npm when running npm install.
homeid / gulpfile.js Configuration file for Gulp library. It contains all tasks you want to perform with Gulp. Learn more about it from Working with Gulp section or official Gulp documentation.
homeid / site/_assets / js This folder contains main theme.js that is processed (compiled / minified) to dist/js/theme.min.js.
homeid / site/_assets / scss This folder contains all project sass files that are compiled and minified to styles in dist/css/ folder.
homeid / scss / This folder contains all .scss of bootstrap framework
homeid / js / This folder contains all .js of bootstrap framework

Whether you work with Node.js and Gulp or not you can still take advantage of preprocessors for HTML and CSS.
In this case you might want to learn how to use Jekyll and Sass.