Hinter jeder Website steckt einer von drei grossen Ansaetzen — oder eine Mischung aus allen dreien. Den Unterschied zu verstehen heisst zu wissen, was man waehlt, was es kostet und was es bedeutet. Hier das Wesentliche, vom Einfachsten zum Fortgeschrittensten.

Die drei Familien in 30 Sekunden

• Statisch: fertige Dateien (HTML, CSS, Bilder). Schnell, sicher, guenstig.
• Dynamisch: der Server baut die Seite bei jedem Besuch, oft aus einer Datenbank. Flexibel fuer viele Inhalte.
• Web-Anwendung: Software, die im Browser laeuft, mit Echtzeitdaten verbunden. Interaktiv und reichhaltig.

Und zunehmend obendrauf: KI und Automatisierungen.

1. Die statische Seite

Eine statische Seite besteht aus Dateien, die einmal (zur Veroeffentlichung) erzeugt und dann unveraendert an jeden Besucher ausgeliefert werden. Keine Berechnung serverseitig: der Server liefert nur Dateien.

• Staerken: sehr schnell (nichts zu berechnen), sehr sicher (keine Datenbank zum Hacken), guenstig im Hosting.
• Grenzen: zum Aendern muss man die Seite neu erzeugen. Weniger praktisch, wenn Nicht-Techniker taeglich veroeffentlichen.
• Werkzeuge: Generatoren wie Astro, Hugo, Eleventy, Jekyll. Diese Seite selbst ist statisch (Astro).
• Ideal fuer: Visitenkartenseiten, Blogs, Dokumentation, Portfolios.

2. Die dynamische Seite (PHP, Apache, WordPress)

Eine dynamische Seite baut die Seite zur Laufzeit, bei jedem Besuch. Der Server fuehrt ein Programm aus (oft in PHP), holt Daten aus einer Datenbank (oft MySQL), setzt das HTML zusammen und sendet es.

Der haeufigste Stack heisst LAMP: Linux + Apache (der Webserver) + MySQL (die Datenbank) + PHP (die Sprache). WordPress, das einen grossen Teil des Webs antreibt, funktioniert so.

• Staerken: eine Administrationsoberflaeche zum Veroeffentlichen ohne Code, anpassbare Inhalte, ein riesiges Plugin-Oekosystem.
• Grenzen: mehr Bauteile = mehr zu sichern und warten (Updates, Backups), und potenziell langsamer ohne Optimierung (Cache).
• Ideal fuer: inhaltsreiche Seiten, die von Nicht-Technikern gepflegt werden, Shops, Magazine.

3. Die Web-Anwendung (Node.js, API, reichhaltige Oberflaechen)

Eine Web-Anwendung ist echte Software, die grossteils im Browser laeuft (JavaScript) und ueber APIs mit einem Server spricht. Denken Sie an ein Dashboard, ein Buchungstool, ein SaaS.

Serverseitig laesst Node.js (seit 2009) diesen Server in JavaScript schreiben — derselben Sprache wie der Browser. Oft kommen Oberflaechen-Frameworks wie React, Vue oder Svelte hinzu.

• Staerken: tiefe Interaktivitaet, fast native App-Erfahrung, Echtzeit moeglich.
• Grenzen: komplexer zu bauen und zu hosten; ueberzogen fuer eine einfache Visitenkartenseite.
• Ideal fuer: interaktive Produkte, Kundenbereiche, Fachwerkzeuge.

Wo KI ins Spiel kommt (Claude, Codex, Automatisierungen)

Kuenstliche Intelligenz ersetzt keine dieser Familien: sie wird zu allen hinzugefuegt.

• Code-Unterstuetzung: Modelle wie Claude (Anthropic) oder Codex / Copilot (OpenAI/GitHub) schreiben, erklaeren und korrigieren Code. Ein Entwickler ist schneller; ein Einsteiger lernt schneller.
• Im Produkt: Chat-Assistenten, intelligente Suche, Inhaltserzeugung (Beschreibungen, Artikelentwuerfe, Uebersetzungen).
• Automatisierungen: Werkzeuge verbinden (ueber n8n, Make, Zapier), damit die KI relevanten Text schreibt, E-Mails sortiert, ein Dokument zusammenfasst — ohne Geschwafel, auf Ausloeser.

Der richtige Reflex: die KI schlaegt vor, der Mensch prueft und entscheidet. (Siehe unsere KI-Saeule.)

Die Fusion: das moderne Web mischt alles

Die Grenze zwischen diesen Familien verschwimmt. Eine leistungsfaehige Seite ist heute oft hybrid:

• eine sehr schnelle statische Basis (das Geruest, per CDN ausgeliefert);
• dynamische Daten ueber API geholt (ein Warenkorb, Bewertungen, Lager);
• ein Headless-CMS, damit Nicht-Techniker Inhalte pflegen, ohne die Anzeige-Technik vorzugeben;
• KI-Funktionen, dort eingepflanzt, wo sie helfen (Suche, Support, Inhalt).

Dieser Ansatz heisst oft Jamstack (JavaScript + API + Markup). Die Idee: das Beste aus jeder Welt nehmen.

Welche soll man waehlen?

Ihr Bedarf	Der richtige Ansatz
Ein Geschaeft praesentieren, ein einfacher Blog	Statisch (schnell, sicher, guenstig)
Viele Inhalte, von Nicht-Technikern gepflegt	Dynamisch (WordPress) oder headless
Interaktives Produkt, Kundenbereich, Werkzeug	Anwendung (Node.js + Framework)
Mehrwert schaffen (Inhalt, Support, Code)	KI auf dem bestehenden Stack

Die eigentliche Kompetenz ist nicht, „die” Technologie zu waehlen, sondern diese Bausteine je nach Ziel zu kombinieren — und nicht zu ueberbauen.