Mappenstructuur

De mappenstructuur binnen het project is als volgt:

# Statisch gegenereerde website
|-_site

# Serverless functies
|-api

# (pre)build helper functies
|-lib
    # Nunjucks filters om data naar het juiste format te parsen
    |-filters

# Broncode van het project
|-src
    # Assets die gebuild worden (of gekopieerd zoals afbeeldingen)
    # bestaande uit JS, SCSS etc.
    |-assets

    # Helper functies om bijvoorbeeld een connectie te maken
    # met de Storyblok API
    |-lib

    # Statische HTML templates en bestanden voor het ophalen
    # van data.
    |-site
        # Bestanden voor het ophalen van data
        |-_data
            # Site data word hier opgehaald, dit is binnen de
            # templates beschikbaar als site.[iets].
            |-site.js

        # HTML templates
        |-_includes
            |-components # Alle componenten die gebruikt worden
                         # binnen de website.
                |-my-component
                    # Elk component heeft een eigen HTML, SCSS en
                    # JS bestand zodat alles lekker modulair bij
                    # elkaar staat
                    |-my-component.html
                    |-my-component.scss
                    |-my-component.js
            |-layouts # Layouts voor pagina's
                |-default.html

        # Elke HTML file hier is een route op de uiteindelijke
        # website. Als je hier about.html neer zou zetten maakt
        # dit uiteindelijk dat bestand beschikbaar onder /about
        |-*.html
    
    # Storybook configuratie
    |-storybook
        |-index.stories.js

        # Storybook components
        |-components