Referenz: eigene Website
Diese Website ist ein TYPO3, das nur Daten liefert, und davor steht eine Oberfläche in Angular. Die Inhalte pflegen wir in TYPO3 nach festen Regeln, und Wächter prüfen Texte und Bilder, bevor eine Änderung weitergeht. Was wir Kunden für große TYPO3-Auftritte empfehlen, hat hier den ersten Lauf: Redaktion mit Wächtern, Auslieferung als Paket und Betrieb in Deutschland.
Die Aufgabe und der Weg
Der Relaunch sollte die Positionierung schärfen und zugleich zeigen, wie wir TYPO3 heute aufsetzen.
Ausgangslage
Der Relaunch sollte Individualsoftware zuerst zeigen und TYPO3 als zweite Säule. Zugleich wollten wir eine Website, die dieselbe Bauform trägt wie unsere Kundenprojekte auf TYPO3, sich wie eine Anwendung anfühlt und deren Inhalte ein Wächter gegen feste Regeln prüft.
Umsetzung
Wir haben TYPO3 mit Content Blocks als Redaktionssystem aufgesetzt, das Seiten nur als Daten liefert, und davor eine Oberfläche in Angular entwickelt. Zwei Wächter messen die Stage, die Pipeline liefert beides als Container aus, und seit 2026 ist die Website unser eigener TYPO3-Beleg.
Startseite
Der Einstieg trägt die Aussage des Hauses, das Menü die vier Leistungen und den Kontakt. Alles darunter sind Inhaltsbausteine aus TYPO3 Content Blocks, vom Intro über Text mit Bild und Kachelraster bis zu Story und Banner.
Die Oberfläche in Angular holt die Seite als Daten und setzt sie zusammen; TYPO3 liefert keine einzige HTML-Seite aus. Das Handy zeigt dieselbe Ordnung, Menü und Knöpfe passen sich an.
Reichweite messen wir mit Matomo auf Servern bei Hetzner in Deutschland, die wir selbst betreuen. Ein Besucher sieht deshalb keinen Cookie-Hinweis.
Redaktion
Jede Seite, jedes Element und jedes Bild pflegen wir in TYPO3. Die Regeln dafür stehen in einer Redaktionsdatei, von der Wir-Form bis zur Bildgröße.
Zwei Wächter messen die Stage nach jeder Änderung: einer die Redaktion mit Knöpfen, Absätzen, Wiederholungen und Bildgewicht, einer den Kopf jeder Seite mit Titel, Beschreibung, Strukturdaten und Sitemap. Ein Befund nennt Regel, Seite und Element, und erst danach geht die Änderung weiter.
Auslieferung
Frontend und TYPO3 entstehen als Container, also als abgeschlossene Pakete je Anwendung, in unserer eigenen Pipeline mit Tests und Wächtern. Ausgerollt wird erst nach grünen Prüfungen, auf Stage und Live.
Die Website liefert Sitemap und Strukturdaten für Suchmaschinen selbst aus; ihr Kopf trägt je Seite Titel, Beschreibung und Vorschaukarte. Die Server dafür stehen bei Hetzner; Updates, Sicherung und Überwachung laufen über unser Portal.
Betrieb
Diese Website liegt auf Servern bei Hetzner in Deutschland, die wir selbst betreuen, zusammen mit dem Portal, mit dem sie sich das Backend teilt.
Website und Portal sind logisch getrennt und nutzen dasselbe TYPO3, dieselbe Anmeldung, dasselbe Kontaktformular und denselben Terminplaner. Eine Anfrage von hier landet als Datensatz im Portal, wo das Team sie bearbeitet.
Was das Portal kann, steht in der Referenz zum bytediver-Portal.
Sicherungen, Überwachung und neue Fassungen steuern wir aus unserem eigenen Portal, an derselben Stelle wie bei den Kunden.
Warum Headless
Eine Agentur-Website ist selten der Prüfstand für ihr eigenes Redaktionssystem. Unsere ist es.
Redaktion
Oberfläche
Wächter
Datenschutz
Womit umgesetzt
Dieselben Werkzeuge wie in den Kundenprojekten auf TYPO3, nur dass wir hier jeden Tag selbst hineinsehen.
Redaktion
Oberfläche
Auslieferung
Messung
Betrieb
Prüfung
Referenzen
Eigene Anwendung
Das Werkzeug hinter dieser Website. Tickets, Zeiten, Angebote und Rechnungen laufen bei uns in einer Anwendung zusammen, die wir selbst betreiben.
Kundenportal
Was hier im Kleinen steht, trägt beim Kunden ein Portal für die gesetzlichen Krankenkassen. Wir entwickeln es auf TYPO3 weiter.
Signal senden
Tim Rücker
Nächster Schritt
Sag uns, wie eure Website heute gepflegt wird und wo sie klemmt.
Im Gespräch sagen wir, ob Headless für euch trägt oder ein klassisches TYPO3 besser passt. Dafür nehmen wir uns 30 Minuten, kostenlos.
