Aufbau von newwaves.dev
newwaves.dev startet bewusst klein: als statische Website mit klaren HTML-Dateien, zentralem CSS und einer Struktur, die ich Schritt für Schritt erweitern kann.
/var/www/newwaves.dev/
├── index.html
├── about.html
├── projects.html
├── blog.html
├── assets/
│ ├── css/
│ │ └── style.css
│ └── js/
│ └── code-windows.js
├── blog/
│ └── website-aufbau.html
├── images/
└── projects/Hinweis: Startstruktur der Website - dieser Ausschnitt wird nicht fortlaufend aktualisiert
Der Aufbau folgt einer einfachen Idee: jede Hauptseite ist eine eigene HTML-Datei. index.html ist die Startseite, about.html beschreibt den Hintergrund, projects.html sammelt Projekte und blog.html führt zu einzelnen Beiträgen.
Das gemeinsame Design liegt in assets/css/style.css. Dadurch bleibt die Gestaltung an einer zentralen Stelle, während die Inhalte weiterhin direkt und nachvollziehbar in HTML gepflegt werden können. Für kleine wiederverwendbare Funktionen, wie die Codefenster in Blogposts, gibt es zusätzlich wenig JavaScript im Ordner assets/js/.
Mir ist wichtig, dass die technische Grundlage überschaubar bleibt. Keine schweren Frameworks, kein Build-Prozess und kein System, das mehr Aufmerksamkeit braucht als der Inhalt selbst. Die Website soll schnell verständlich bleiben, sowohl im Browser als auch im Projektordner.
Gleichzeitig soll die Struktur wachsen können. Wenn Projekte mehr Raum brauchen, können einzelne Projektseiten im Ordner projects/ entstehen. Neue Blogbeiträge liegen direkt unter blog/ und werden in der Blogübersicht verlinkt. So bleibt der Einstieg klein, ohne spätere Erweiterungen zu blockieren.
Das Ziel ist eine ruhige, minimalistische Website, die sich Schritt für Schritt entwickeln kann. Erst eine stabile Basis, dann neue Inhalte, neue Beiträge und neue Projektseiten, wenn sie wirklich gebraucht werden.