Professionelle Webentwicklung mit TYPO3 & modernen Technologien

Warum TYPO3? — Das Enterprise-CMS, das Konzernen und Mittelstand vertrauen

TYPO3 ist kein Blog-System mit Enterprise-Aufschlag — es wurde von Grund auf für komplexe, mehrsprachige Unternehmens-Websites entwickelt. Diese Fakten kennen die wenigsten Agenturen.

• 6 Jahre Langzeit-Support: TYPO3 bietet 3 Jahre kostenlosen LTS-Support + 3 Jahre ELTS (Extended Long Term Support). Zum Vergleich: WordPress hat keine garantierte LTS-Laufzeit. Ein TYPO3-v13-Projekt ist bis 2029 vollständig unterstützt — inklusive Sicherheitspatches.
  TYPO3 v13 LTS: 2026–2029 (free) + ELTS bis 2032
• Native Mehrsprachigkeit auf Seitenebene: TYPO3 verwaltet Übersetzungen auf Seitenbaum-Ebene, nicht per Plugin. Jede Sprache hat eigene URL-Slugs, eigene Meta-Daten und eine eigene Fallback-Kette. Das System generiert automatisch korrekte hreflang-Tags und unterstützt “Strict”, “Fallback” und “Free” Modi pro Sprache.
  config.yaml → languageId, fallbackType: strict|fallback|free
• Workspaces — Staging ohne Staging-Server: TYPO3 hat ein eingebautes Workspace-System, das kein anderes CMS nativ bietet. Redakteure können Änderungen in einem eigenen “Draft-Workspace” vornehmen, in der Vorschau prüfen und dann gesammelt veröffentlichen — ohne einen separaten Staging-Server.
  Workspace → Review → Publish → Live (ohne Deployment)
• Automatische Redirects bei Slug-Änderung: Wenn ein Redakteur den URL-Slug einer Seite ändert, erkennt TYPO3 dies und erstellt automatisch einen 301-Redirect von der alten auf die neue URL. Bei WordPress geht der alte Link einfach ins Leere.
  EXT:redirects → automatische Redirect-Map + manuelles Management
• Multi-Site aus einer Installation: Eine einzelne TYPO3-Installation kann unbegrenzt viele Websites unter verschiedenen Domains betreiben — mit eigenen Templates, Sprachen und Redakteursteams. Konzerne wie Deutsche Bahn und Airbus nutzen dies für hunderte Marken-Websites aus einer Instanz.
  config/sites/my-site/config.yaml → base: https://brand.de
• Granulare Berechtigungen bis auf Feld-Ebene: TYPO3 ermöglicht Berechtigungen pro Feld, pro Seitenbaum-Zweig und pro Sprache. Ein Marketing-Redakteur sieht nur seine Abteilungsseiten, ein Übersetzer nur die Sprachvarianten. Kein anderes CMS bietet dieses Granularitätslevel out-of-the-box.
  BE Groups → Page Mounts + DB Mounts + Exclude Fields + Language Access

Web-Leistungen — Was wir für Ihre Website tun

Alles aus einer Hand — von der ersten Beratung bis zur langfristigen Betreuung. Jede Leistung basiert auf Best Practices der TYPO3-Community.

TYPO3 Entwicklung

Individuelle TYPO3-Websites mit Custom Content-Elementen, Extensions und modernem Fluid-Templating. Wir nutzen das neue Site Set System (v13) für modulare, versionierbare Konfigurationen statt der veralteten TypoScript-Include-Methode.

• Site Packages: Eigene Composer-Pakete
• Content Blocks API: Deklarative Inhaltselemente
• PSR-14 Event-System: Statt alter Hooks
• Symfony DI: Dependency Injection im Core

Mehrsprachigkeit

Vollständige Lokalisierung auf Seitenbaum-Ebene mit automatischen hreflang-Tags, sprachspezifischen URL-Slugs und konfigurierbaren Fallback-Ketten. Nicht über ein Plugin — nativ im Core.

• Language Fallback: strict / fallback / free
• Übersetzungs-Workflows: Mit Workspaces
• Meta-Daten: Separate pro Sprache
• XLIFF-Export: Für professionelle Übersetzungsbüros

SEO-Optimierung

Technisches SEO direkt im CMS: TYPO3 v13 hat ein eingebautes SEO-Modul mit XML-Sitemap-Generator, kanonischen URLs, strukturierten Daten (JSON-LD) und automatischen Redirects bei URL-Änderungen.

• Core Web Vitals: LCP < 2.5s
• Redirects: Automatische 301 bei Slug-Änderung
• Sitemap: Eingebauter XML-Sitemap-Generator
• robots.txt: + canonical URL Management

Responsive Design

Mobile-first Entwicklung mit modernem CSS Grid und Container Queries. Responsive Images über TYPO3’s File Abstraction Layer (FAL) — automatische WebP/AVIF-Konvertierung und srcset-Generierung.

• Container Queries: Komponentenbasiertes Layout
• CropVariants: Automatische Bildgrößen
• WebP/AVIF: Nativ über ImageMagick
• <picture>-Element: Mit Art Direction

Redaktions-Backend

TYPO3’s Backend ist das leistungsfähigste aller Open-Source-CMS. Redakteure bekommen ein maßgeschneidertes Interface mit Custom Dashboards, Inline-Editing, Drag-and-Drop-Sortierung und kontextbezogenen Hilfen.

• Dashboard: Individuelle Widgets
• Rechte: Granular bis auf Feld-Ebene
• Linkvalidator: Automatische Link-Prüfung
• Scheduler: Zeitgesteuerte Aufgaben

Hosting & Wartung

Sicheres Hosting mit Zero-Downtime-Deployments über Deployer, automatischen Backups und proaktivem Monitoring. TYPO3-Updates werden über den Extension Scanner vorbereitet — er findet automatisch veraltete API-Aufrufe.

• Zero-Downtime: Via Symlink-Releases
• Extension Scanner: Für Upgrade-Analyse
• Rector: Automatische Code-Migration
• OPcache + Redis: Page-Cache-Backend

Insider-Wissen — Was die meisten Agenturen nicht wissen

TYPO3 hat Funktionen, die selbst erfahrene Entwickler oft übersehen. Hier sind die versteckten Enterprise-Features, die den Unterschied machen.

• Content Security Policy — nativ im Core: TYPO3 v13 generiert automatisch CSP-Nonces für Inline-Scripts und -Styles. Das CMS verwaltet die gesamte Content-Security-Policy serverseitig — inklusive Nonce-Rotation pro Request. Kein anderes CMS hat CSP-Support auf diesem Level nativ integriert.
  $GLOBALS['TYPO3_CONF_VARS']['SYS']['features']['security.frontend.contentSecurityPolicy'] = true;
• PSR-14 Events statt Hooks — die stille Revolution: TYPO3 v13 hat das gesamte Hook-System durch PSR-14 Event Dispatcher ersetzt. Statt globaler Arrays registrieren sich Listener über Services.yaml mit Symfony’s Dependency Injection. Das bedeutet: Typsicherheit, Testbarkeit und keine Race Conditions bei der Hook-Reihenfolge.
  Services.yaml → tags: ['event.listener'] → ModifyPageLayoutContentEvent
• File Abstraction Layer (FAL) — kein CMS kann das: TYPO3’s FAL ist ein vollständiges Digital Asset Management im Core. Dateien werden als Referenzen gespeichert — ein Bild wird einmal hochgeladen und kann auf 500 Seiten verwendet werden, ohne dupliziert zu werden. Metadaten (Alt-Text, Copyright, Beschreibung) können pro Referenz überschrieben werden.
  sys_file (Original) → sys_file_reference (Verwendung) → Override Metadata per Context
• Route Enhancers — SEO-URLs ohne Limits: TYPO3’s URL-Routing geht weit über einfache Slugs hinaus. Route Enhancers ermöglichen komplexe URL-Muster wie /blog/2026/03/mein-artikel, /produkte/kategorie/seite-2 oder /events/2026/ics-download — alles konfigurierbar in config.yaml ohne eine Zeile PHP.
  routeEnhancers: BlogPlugin: type: Extbase, extension: Blog, routes: [{routePath: '/{year}/{slug}'}]
• Form Framework — Enterprise-Formulare ohne Code: Das TYPO3 Form Framework ist ein YAML-basierter Formular-Builder mit Drag-and-Drop-Editor im Backend. Es unterstützt Multi-Step-Formulare, Conditional Logic, File-Uploads, Double-Opt-in und Custom Finisher (E-Mail, Redirect, Database, Webhook) — alles ohne Extensions.
  EXT:form → YAML Definition → Validators + Finishers → Backend Visual Editor
• Rector für TYPO3 — automatische Code-Migration: Bei Major-Upgrades (v12→v13) analysiert Rector den gesamten Code und migriert automatisch veraltete API-Aufrufe. Kombiniert mit dem Extension Scanner im Backend ergibt das einen Upgrade-Prozess, der Wochen Arbeit auf Stunden reduziert. 98% der Code-Änderungen werden automatisiert.
  vendor/bin/rector process packages/ --config=rector-typo3.php → Auto-Fix deprecated APIs
• Site Sets — das Ende von ext_localconf.php: TYPO3 v13 führt Site Sets ein — modulare Konfigurations-Bündel, die TypoScript, Page-TSconfig und Settings deklarativ in Configuration/Sets/ ablegen. Sets können voneinander abhängen und werden über die Site-Konfiguration aktiviert. Das ersetzt die fehleranfällige ext_localconf.php-Inclusion.
  Configuration/Sets/MySet/config.yaml → dependencies: [typo3/fluid-styled-content]
• Doctrine DBAL — Datenbank-Freiheit: TYPO3 nutzt Doctrine DBAL als Datenbank-Abstraktionsschicht. Das bedeutet: MySQL, MariaDB, PostgreSQL und SQLite werden nativ unterstützt. Der Query Builder verhindert SQL-Injection by Design — createNamedParameter() macht manuelle Escaping-Fehler unmöglich.
  $queryBuilder->select('*')->from('pages')->where(...eq('uid', ...createNamedParameter($id, PARAM_INT)))

TYPO3 vs. WordPress — die Fakten

Beide CMS haben ihre Berechtigung. Aber für Enterprise-Anforderungen gibt es klare Unterschiede, die Ihre Entscheidung beeinflussen sollten.

Unser Standpunkt: Für einen Blog oder eine kleine Firmenwebsite ist WordPress oft die bessere Wahl. Sobald Mehrsprachigkeit, komplexe Berechtigungen, Compliance-Anforderungen oder mehr als 50 Seiten ins Spiel kommen, ist TYPO3 die professionellere Lösung.

Technische Architektur — So bauen wir Ihre TYPO3-Website auf

Jedes Projekt folgt einer bewährten Architektur — modular, testbar und auf Jahre wartbar.

Layer 1: Infrastruktur

• Apache 2.4 + mod_rewrite: HTTP/2, Brotli-Kompression, Security Headers via .htaccess
• PHP 8.4 + OPcache + JIT: Preloading, 256MB OPcache, validate_timestamps=0 in Production
• PostgreSQL 16 / MariaDB 11: Doctrine DBAL, Connection Pooling, Query Cache
• Redis 7: Page Cache Backend, Session Handler, Lock Strategy

Layer 2: TYPO3 Core + Extensions

• Composer-basierte Installation: Kein Classic Mode — alle Dependencies via composer.json
• Site Package als Extension: Templates, TypoScript, TCA, Configuration Sets in einem Paket
• PSR-15 Middleware Pipeline: Custom Authentication, Rate-Limiting, Response-Header-Injection
• Symfony DI Container: Services.yaml, Auto-Wiring, Tagged Services für Event-Listener

Layer 3: Frontend & Templating

• Fluid Template Engine: Layouts → Templates → Partials → ViewHelpers
• CSS Custom Properties + Grid: Design System mit Tokens, Container Queries, keine Framework-Abhängigkeit
• Vanilla JS + Web Components: Kein jQuery — native ES Modules, Intersection Observer, Custom Elements
• Vite Build Pipeline: HMR in Development, Tree-Shaking, Code-Splitting in Production

Layer 4: DevOps & Qualitätssicherung

• Git + Semantic Versioning: Feature Branches, Conventional Commits, Changelog-Generierung
• CI/CD via GitHub Actions: PHPStan Level 8, PHP-CS-Fixer, PHPUnit, Frontend Lint
• Deployer Zero-Downtime: Symlink-Releases, shared/ Verzeichnisse, automatischer Rollback
• Monitoring & Alerting: Uptime-Prüfung, Error-Log-Analyse, Performance-Metriken

Referenzprojekte

Pakete & Preise

In 5 Schritten zu Ihrer TYPO3-Website

Strukturiert und transparent — von der Idee bis zum Launch. Jeder Schritt ist dokumentiert und für Sie nachvollziehbar.

• 01 — Beratung & Anforderungsanalyse: Kostenlose Erstberatung: Wir analysieren Ihre Anforderungen, Zielgruppe, Wettbewerber und technische Rahmenbedingungen. Ergebnis: ein schriftliches Anforderungsdokument mit User Stories und Akzeptanzkriterien.
  Dauer: 1–2 Termine — Ergebnis: Requirements Document
• 02 — Konzept & Informationsarchitektur: Seitenstruktur (Sitemap), Wireframes, Designkonzept und technische Architektur — alles abgestimmt auf Ihre Ziele. Wir definieren Content-Typen, Backend-Layouts und die Sprachstrategie.
  Dauer: 1–2 Wochen — Ergebnis: Sitemap + Wireframes + Technik-Spec
• 03 — Entwicklung & Iterationen: Agile TYPO3-Implementierung in 2-Wochen-Sprints: Site Package Setup, Fluid Templates, Custom Content Elements, SEO-Konfiguration und Frontend-Build-Pipeline. Sie sehen nach jedem Sprint den aktuellen Stand.
  Dauer: 4–12 Wochen — Ergebnis: Funktionierende Website auf Staging
• 04 — Testing, Schulung & Launch: Cross-Browser-Testing, Performance-Audit (Lighthouse ≥ 90), Barrierefreiheits-Check, SEO-Validierung und Redakteurs-Schulung. Go-Live mit DNS-Cutover, SSL-Zertifikat und Monitoring-Aktivierung.
  Dauer: 1–2 Wochen — Ergebnis: Live-Website + geschultes Team
• 05 — Wartung & Weiterentwicklung: Laufende Betreuung mit monatlichen Security-Updates, Performance-Monitoring, Backup-Verifizierung und Content-Support. TYPO3 Minor-Updates und Extension-Updates werden in einer Staging-Umgebung getestet, bevor sie live gehen.
  Laufzeit: Monatlich kündbar — Inkl.: Updates, Backups, Monitoring, Support