Folder structure

We have two main folders, one for the site itself with source files in site, and one for the styleguide with source files in styleguide. The styleguide is optional. It can be completely ignored.

The generated files can be found in dist. The styleguide is mounted under dist/styleguide for simplicity.

All these parameters can be changed in the configuration section of the gulpfile.js.

Components and Assets

Inside the main folders we have an asset folder for all common, site-wide used images, scripts and stylesheets and a components folder for all the (BEM) components building up the site and the styleguide.

├── site
│   ├── assets
│   │   ├── images
│   │   ├── scripts
│   │   └── styles
│   └── components
└── styleguide
    ├── assets
    │   ├── images
    │   ├── scripts
    │   └── styles
    └── components

More about the BEM components you can find here.