Vieth Logistik — Website

Statische Multi-Page-Website der Franz Vieth Logistik GmbH (Salzkotten). Kein Framework, kein Runtime-Bundler: ein kleines Node-Skript setzt die Seiten aus Partials zusammen und legt das Ergebnis in public/ ab.

Schnellstart

npm install
npm run build      # baut public/
npm run preview    # baut und serviert http://localhost:4173

Node ≥ 18 erforderlich.

Struktur

.
├── docs/
│   └── ARCHITECTURE.md      Aufbau, Design-Tokens, Konventionen
├── scripts/
│   └── build.mjs            Build (Partials, CSS-Bundle, Asset-Sync)
├── src/                     Quelle der Wahrheit
│   ├── pages/               eine Datei je Route (index.html, kontakt.html, …)
│   ├── components/          Header, Footer, Scroll-to-top
│   ├── sections/            Inhaltsblöcke, per <!-- include: --> eingebunden
│   ├── styles/              tokens / base / components + styles/sections/*
│   ├── js/                  Runtime-Skripte (klassische IIFEs, kein Modul-Bundler)
│   └── assets/
│       ├── documents/       PDF-Zertifikate
│       ├── fonts/           Plus Jakarta Sans (woff2)
│       ├── icons/           Logo, Flächen-Piktogramme
│       └── images/<seite>/  Fotos, nach Seite gruppiert
└── public/                  Build-Ergebnis — nicht versioniert, nicht editieren

Regeln

• Nie in public/ editieren. Der Ordner wird bei jedem Build neu erzeugt.
• Eine Datei in src/pages/ = eine Route. Der Dateiname ist die URL; es gibt keine zusätzliche Seitenliste im Build zu pflegen.
• Assets nur über ./assets/… referenzieren. Der Build kopiert ausschließlich das, worauf tatsächlich verwiesen wird, und bricht ab, wenn eine referenzierte Datei fehlt.
• Neue Sections folgen der Checkliste in docs/ARCHITECTURE.md.

Deployment

npm run build erzeugt einen vollständig statischen Ordner public/. Dieser kann unverändert auf jeden Webspace oder Static Host geladen werden.