BEM filesystem - metamn/ssgg GitHub Wiki

We use BEM to create the folder structure and to name files. BEM naming conventions stay in sync with the class declarations used in the HTML and CSS.

BEM uses framework to store those components which can be shared across projects. This is your own framework used to build websites.

project is used to store components specific to this current project only. Successful elements from here can be migrated to the framework if they considered reusable in the future.

pages are not components but used to store all pages the site has. It should contain a home folder whom index.html will be mounted as the homepage of the site.

├── site
│   ├── assets
│   │   ├── images
│   │   ├── scripts
│   │   └── styles
│   └── components
│       ├── framework
│       ├── pages
│       │   └── home
│       │       └── index.html
│       └── project
└── styleguide
    ├── assets
    │   ├── images
    │   ├── scripts
    │   └── styles
    └── components
        ├── framework
        ├── pages
        │   └── home
        │       └── index.html
        └── project

To populate these folders with components it's highly desirable to use the BEM generator.