Leistungsstarke TYPO3-Extensions für eine verbesserte Funktionalität der Website

Wir teilen unser Fachwissen. Nachfolgend findest Du einige von uns entwickelte TYPO3-Erweiterungen, die uns helfen, in Kundenprojekten einen Mehrwert zu schaffen. Als Teil unserer Arbeitsweise konzentrieren wir uns auf Best Practices, um langfristige Ergebnisse, Zuverlässigkeit und Leistung unseres gesamten Codes zu gewährleisten.

Von b13 für Dich. Wir leben und lieben Open Source. Zu unserem Team gehören einige der erfahrensten TYPO3-Entwickler der Welt, die eng mit dem Open-Source-Projekt TYPO3 verbunden sind. Wir haben von unseren Kollegen gelernt, was wir wissen, und sind bestrebt, unsere Erfahrung und unser Fachwissen an die TYPO3-Community weiterzugeben. Wir hoffen, dass die Weitergabe dieser Inhalte auch Dir helfen wird!

Eine stilisierte Darstellung von Codierungselementen, die einen blauen Codeausschnitt, ein Zahnrad-Symbol und farbenfrohe abstrakte Formen, darunter Kreise und Kaffeebohnen, zeigt und ein technisches oder programmierbezogenes Thema andeutet.
Abstract design featuring a smooth, flowing wave pattern in black and orange tones. The composition emphasizes the contrast between the dark and vibrant colors, creating a dynamic visual effect.

b13 TYPO3-Extensions spiegeln wider, wie wir unsere Arbeit angehen:

  • Fachkenntnisse durch TYPO3-Mitarbeiter, darunter der TYPO3 Core Project Lead.
  • Getestete Code-Qualität, um Stabilität und Skalierbarkeit zu gewährleisten.
  • Einhaltung von Standards, unter Verwendung bewährter TYPO3- und PHP-Best-Practices für maximale Zuverlässigkeit und Kompatibilität.
  • Laufende Leistungstests und Benchmarking, um Leistungseinbußen durch ineffiziente Datenbankabfragen und Skripte oder Regressionen aufgrund neuer Funktionen oder Fehlerbehebungen zu vermeiden.
  • Kompakt. Wir erstellen oft kleine, nur für einen Zweck bestimmte Erweiterungen, so dass sie einfach zu warten und über mehrere TYPO3-Versionen hinweg zu aktualisieren sind.
  • Offener Quellcode. Wir sind transparent, verwenden offene Technologien und geben der Community etwas zurück.

Ein Boost für deine TYPO3-Extensions!

Brauchst du Hilfe oder Beratung zu TYPO3-Erweiterungen? Wir sprechen gerne mit dir über dein Projekt – egal, ob es um die Aktualisierung und Anpassung bestehender Erweiterungen oder die Entwicklung neuer Lösungen geht.

Sprich uns an, wenn du Unterstützung in der Entwicklung oder Beratung benötigst.

b13 TYPO3 Extensions

Ein rotes Quadrat mit einer diagonalen Linie und einem kreisförmigen Symbol, das einen Mülleimer zeigt, umgeben von bunten Punkten und einem Zahnradsymbol, was auf ein Thema im Zusammenhang mit Löschung oder Entfernung im digitalen Kontext hindeutet.

DE-Slash - Entferne nachgestellte Slashes aus deinen TYPO URLs

Mit TYPO3 ist es möglich, einen abschließenden Schrägstrich in deinen URLs zu haben oder auch nicht - je nach Anwendungsfall. Standardmäßig hat TYPO3 keinen abschließenden Schrägstrich am Ende jeder URL, aber es gibt einige technische Beschränkungen, warum das z.B. auf der Startseite passiert, wo es immer einen abschließenden Schrägstrich gibt. Eine Endung wie ".html" oder "/" kann für jede URL konfiguriert werden, und weitere Erweiterungen für Plugins haben.

Diese Erweiterung entfernt auf native Weise die abschließenden Schrägstriche von

  • Alle generierten Links
  • Alle deine kanonischen URLs

Sie leitet sogar eingehende URLs mit einem abschließenden Schrägstrich auf die gleiche Seite um wie ohne.

de-slash auf Github
Grünes Quadrat mit einem Pluszeichen und einem Codesymbol, umgeben von bunten Punkten und einem Zahnrad-Icon, das ein Thema von Technologie oder Softwareentwicklung andeutet.

Slash Force - Nie mehr einen Schrägstrich in TYPO3-URLs vergessen

Unabhängig davon, ob ein Seitentyp so konfiguriert ist, dass er mit einem Schrägstrich endet oder nicht, erlaubt TYPO3 immer den Zugriff auf die Seite mit oder ohne nachgestellten Schrägstrich. Dies kann zu Problemen mit doppeltem Inhalt führen und ist generell keine gute Idee.

Diese Erweiterung leitet jede URL, die nicht mit einem Schrägstrich endet, auf die gleiche URL mit Schrägstrich um, wenn der aktuelle Seitentyp so konfiguriert ist.

Slash Force auf Github
Ein stilisiertes Grafikdesign eines braunen Quadrats mit einem Gittermuster, das einem Fenster oder einer Box ähnelt, umgeben von bunten Punkten und einer Kaffeebohne.

Container

Flexible seiteninterne Strukturen mit einer einfachen Erweiterung Core-nah hinzufügen. Die eingebauten Konzepte von TYPO3 ermöglichen es Integratoren, Setups für alle Arten von Seitentypen, Vorlagentypen und Content-Management-Szenarien zu erstellen. Viele Projekte benötigen am Ende mehr Flexibilität bei der Platzierung von Unterstrukturen, die Elemente oder Module innerhalb eines Inhaltsbereichs enthalten. Genau dafür ist unsere neue Container-Erweiterung gedacht!

Container auf GitHub
Ein stilisiertes Grafikdesign, das ein Computerfenster mit einem Auge und einem Zahnrad-Symbol zeigt, das Überwachung oder Einstellungen symbolisiert. Der Hintergrund ist in einem lebhaften Orange gehalten und mit bunten Punkten und Codesymbolen verziert.

Backendpreviews

Diese Extension fügt einen Hook für das Rendern von Inhaltselement-Previews für die Backend-Ansicht von TYPO3 im Page-Modul hinzu. Dadurch wird es möglich, Fluid Partials und Layouts zu verwenden, um ein konsistentes Vorschau-Markup zu erhalten.

Backendpreviews auf GitHub
Ein grünes Quadrat mit einem weißen Symbol, das eine Datei und kreisförmige Pfeile darstellt, umgeben von bunten Sternen und Punkten, was ein Thema von Aktualisierung oder Erneuerung suggeriert.

Reverse Proxy - Cache Manager

Caching ist eine großartige Möglichkeit, Websites schneller zu machen, aber die Verwaltung all der verschiedenen Caching-Schichten kann schwierig sein. Diese Extension hält extern zwischengespeicherte Inhalte auf dem neuesten Stand, so dass Redakteure und Website-Besucher immer die neueste Version von allem sehen, was auf deiner Website veröffentlicht wird. Wenn Inhalte hinzugefügt oder aktualisiert werden und dadurch ein Seiten-Cache im leistungsstarken internen Caching-Framework von TYPO3 ungültig wird, sendet der Proxy-Cache-Manager eine HTTP PURGE-Anforderung an externe CDN-Dienste (z.B. Cloudflare, Fastly) oder lokale Caching-Technologien (z.B. Varnish).

Proxy-Cache-Manager auf GitHub
Ein blauer Quadrat mit einem Augensymbol und einem Vorhängeschloss, das auf Privatsphäre oder Sicherheit hinweist. Um das Quadrat herum befinden sich bunte Punkte und eine Kaffeebohne.

Authorized Previews

In TYPO3 können autorisierte Backend-Benutzer eine Vorschau von Seiten anzeigen, beispielsweise in neuen Sprachen, bevor sie veröffentlicht werden. Möglicherweise möchtest du nicht immer alle Personen in Deinem Korrektur- oder Freigabe-Workflow auf das Backend zugreifen lassen. Diese Erweiterung generiert einen temporären Link, der eine bestimmte, unveröffentlichte Seitenversion zur Vorschau verfügbar macht, ohne sich anzumelden.

Authorized Previews auf GitHub
Logo mit dem Wort "Slim" auf einem grünen Hintergrund, darüber geschichtete Formen, begleitet von bunten geometrischen Elementen und Codesymbolen.

SlimPHP Bridge

Mit dieser kleinen Wrapper-Extension kannst Du schnell eine einfache REST-API-Schicht (keine vollständige Headless Lösung) für eine TYPO3-Installation erstellen. Verwende TYPO3 als Read/Write-Hug bei der Integration mit externen Systemen.

SlimPHP Bridge auf GitHub
Grafik mit einem Computerbildschirm, der "HTTP/2" anzeigt, begleitet von einem Uhrensymbol sowie verschiedenen farbigen Kreisen und einem nach oben zeigenden Pfeil, die Geschwindigkeit und Effizienz in der Webtechnologie symbolisieren.

HTTP/2 Pre-Fetch for TYPO3

Diese Erweiterung reduziert die Ladezeit der Seite im Browser durch die Nutzung des Pre-Fetch-Features im HTTP2-Protokoll. Sie liefert eine Vorwarnung über zusätzliche Dateien, die sie benötigt, um deine Website darzustellen (anstatt diese in den HTML-Quelltext der Seite zu packen, der heruntergeladen und geparst werden müsste, bevor er bearbeitet werden kann).

HTTP/2 Pre-Fetch auf GitHub
Ein stilisiertes Dokumentensymbol mit einem Link-Symbol, umgeben von bunten Punkten und einer Kaffeebohne, mit einem Blitz in der Ecke.

Masi - Leistungsfähige TYPO3-URL-Anpassung

Passe jeden Aspekt der URL-Generierung in TYPO3 v9+ an. Die Extension Masi fügt eine Konfigurationsoption hinzu, um jede beliebige Seite aus der URL-Generierung zu entfernen – eine beliebte Funktionalität, die zuvor in vielen TYPO3-Installationen über Erweiterungen wie RealURL enthalten war.

Masi auf GitHub
Ein blauer Quadrat mit einem zentralen Zahnrad-Icon, umgeben von nach innen zeigenden Pfeilen, und bunten kreisförmigen Elementen sowie Zahnrädern, die am Rand verteilt sind.

Bolt - Einfachere Einrichtung einer TYPO3-Website

Diese Erweiterung hilft Integratoren, bei der Einrichtung neuer Websites in TYPO3 Zeit zu sparen. Die übliche Anforderung eines TypoScript-Templates und PageTS-Einträge im Seitenbaum wird durch einen einzigen Parameter in der Site-Configuration von TYPO3 v9 und höher ersetzt. Bei der Angabe des Extension-Namens des Site-Pakets werden die Konfigurationen automatisch an der richtigen Stelle und in allen Umgebungen (Test, Staging, Live usw.) eingefügt.

Bolt auf GitHub
Ein stilisiertes Grafikdesign mit einem Dokumenten-Icon und einem nach rechts zeigenden Pfeil, umgeben von bunten Kreisen und strahlenden Elementen, das das Teilen oder Weiterleiten von Inhalten andeutet.

External Format Services

Eine Service-Extension, die anderen Extensions in deiner TYPO3-Installation die Möglichkeit gibt, Daten in den Formaten Microsoft Excel, CSV und PDF zu exportieren. Definierbare Voreinstellungen für den PDF-Export, einschließlich Ränder, Seitengröße und mehr.

External Format Services auf GitHub
Ein stilisiertes Grafikdesign, das ein Browserfenster mit Herzsymbolen zeigt, umgeben von bunten Punkten und einem Zahnradsymbol, was Themen wie Webdesign oder Benutzerinteraktion andeutet.

Unique Alias Mapper für URL-Routing

Diese Erweiterung ist eine nützliche Möglichkeit, das flexible URL-Routing, das mit dem TYPO3-Kern ausgeliefert wird, zu erweitern.

Unique Alias Mapper auf GitHub
Ein stilisiertes Grafikdesign mit den Buchstaben "Aa" auf einem dunklen Hintergrund, umgeben von bunten Kreisen und einem Bleistift, das Themen wie Schreiben oder Typografie andeutet.

Just in Case - Groß- und Kleinschreibung bei URLs

Diese Komforterweiterung gibt deinem Marketingteam mehr typografische Flexibilität und hilft den Benutzern. Sie ändert das URL-Parsing von TYPO3 so, dass nicht mehr zwischen Groß- und Kleinbuchstaben in URLs unterschieden wird. „example.com/Lets-Connect“ zeigt keinen „Seite nicht gefunden“-Fehler mehr für die Seite in der Standard-Kleinbuchstabenversion von TYPO3, „example.com/lets-connect“.

Just in Case auf GitHub
Drei übereinander gestapelte Scheiben mit einem Vorhängeschloss-Symbol, das für Datensicherheit steht, heben sich von einem grünen Hintergrund ab. Bunte Punkte und eine Kaffeebohne sind im umgebenden Design zu sehen.

Distributed Redis Locker

Redis ist ein Memory-basierter Cache-Mechanismus, der oft zur Beschleunigung des TYPO3-Cache-Zugriffs verwendet wird. Diese Erweiterung verteilt die Informationen über Datensperren mit Hilfe einer gemeinsam genutzten (und sehr schnellen) Redis-Datenbank, um die Geschwindigkeit und Zuverlässigkeit großer, mehrschichtiger TYPO3-Installationen über mehrere Webserver zu verbessern.

Distributed Redis Locker auf GitHub
Ein rotes Quadrat mit einem weißen Schloss-Symbol und einer Reihe von Sternchen darunter, umgeben von bunten Punkten und einer Kaffeebohne.

Session Password

Mit dieser Extension wird ein Anmeldeformular mit Passwort bereitgestellt, um Benutzern schnellen Zugriff auf eingeschränkte Inhalte auf einer Seite zu ermöglichen, ohne dass ein vollständiges, dauerhaftes Frontend-Benutzerkonto erstellt werden muss.

Session Password auf GitHub
Ein stilisiertes Grafikdesign, das ein braunes Quadrat mit zwei spitzen Klammern (<>) zeigt, umgeben von bunten Kreisen und abstrakten Formen, die Konzepte des Codierens oder Programmierens darstellen.

Code Block

Diese Extension fügt einen Inhaltstyp zur Anzeige von Quellcode hinzu, der mit highlight.php verarbeitet wird, um Code-Schnipsel mit Syntax-Highlighting darzustellen. Die verwendeten CSS-Klassen sind identisch mit dem, was highlight.js rendern würde, aber die Umwandlung findet auf dem Server statt (anstelle des Browsers bei Verwendung von JS).

Das dargestellte Ergebnis wird wie jedes andere Inhaltselement mit der Seite in TYPO3 gecached. Mit dieser Erweiterung kannst Du das Hinzufügen von highlight.js zu deinem JS-Build überspringen. Dies hilft, die JavaScript-Größe für deine Website zu reduzieren und ermöglicht auch das Rendern von Quellcode-Schnipseln.

Code Block auf GitHub
Ein braunes Quadrat mit einem weißen Kreis in der Mitte, das drei horizontale Linien zeigt, die eine Liste darstellen. Um das Quadrat herum befinden sich bunte Punkte und eine Kaffeebohne.

Menus – TYPO3-Extension zur einfachen Erstellung schneller Menüs

Integratoren sollten in der Lage sein, Menüs intuitiv zu erstellen, und die Ergebnisse sollten schnell sein. Unsere Extension „Menüs“ bietet all dies: eine einfachere Syntax für das Schreiben von Menüs als der TYPO3-Core und eine effizientere Caching-Strategie, die die Menü-Ausgabe weniger komplex macht.

Menus auf GitHub
Ein lila Quadrat mit einem Bleistift-Icon und geschweiften Klammern, umgeben von bunten Punkten. Das Design deutet auf Themen wie Programmierung oder Bearbeitung hin.

Asset Collector – Lädt CSS, SVG oder JS auf Template-Basis

Wenn Du ein Integrator bist und Dein CSS an der gleichen Stelle wie Deinen Inhalt definieren möchtest, ist der Asset-Collector genau das Richtige für Dich. Diese Erweiterung lädt nur die SVG-Assets und Stylesheets, die auf der gerenderten Seite tatsächlich benötigt werden. Sie fügt entweder Inline-CSS in die Seite ein oder Stylesheet-Link-Tags zu den CSS-Dateien hinzu, die für eine bestimmte Seite benötigt werden. Dies spart Bandbreite und verbessert die Performance von First Content Paint (FCP). Der Asset-Collector hilft Dir auch, nur die JavaScript-Assets einzufügen, die auf einer bestimmten Seite verwendet werden, und zwar auf der Grundlage der verwendeten Inhaltselemente. So kannst Du z. B. die JavaScript-Datei für eine Slider-Animation nur dann einbinden, wenn ein Inhaltstyp, der sie verwendet, auch tatsächlich in die Seite eingebunden ist.

Asset Collector auf GitHub
Ein lila Quadrat mit einem helleren Rechteck darin und einem Cursor-Symbol, umgeben von bunten Punkten und einer Kaffeebohne.

CTA

Diese Erweiterung fügt dedizierte Felder für die Erstellung von Call-to-Action-Elementen hinzu und fügt optional ein neues eigenständiges CTA-Element zum TYPO3-Projekt mit einem einfachen Fluid-Template für das Frontend-Rendering hinzu. Sie ist als Basis gedacht, um  benutzerdefinierten Inhaltselemente wie Teaser und Textelemente mit Link- und CTA-Funktionalität zu versehen.

CTA Extension auf GitHub
Ein stilisiertes Grafikdesign, das ein Browserfenster mit einem Hut- und Sonnenbrillen-Icon zeigt, umgeben von bunten Zahnrädern und Kreisen.

Host Variants

Diese Extension ermöglicht es, in TYPO3s Site Configuration eine Basisvariante in Abhängigkeit vom aktuellen Host zu konfigurieren.
Sie fügt der Expression Language für die Site Configuration eine Host-Variable hinzu und ermöglicht damit die Konfiguration mehrerer Domains für dieselbe Root-Seite.

TYPO3-Extension „host_variants“ auf GitHub
Grafik mit einer stilisierten Darstellung eines Bilderrahmens, der mit Bergsymbolen gefüllt ist, umgeben von bunten Kreisen und einer Kaffeebohne, die Themen wie Fotografie und Kreativität andeutet.

Picture: Extended Image ViewHelper

Unsere TYPO3-Extension "Picture" erweitert den Standard-Fluid Image ViewHelper, um komplexere Picture-Elemente zu erstellen. Unterstützt werden unterschiedliche Sizes, Source-Tags für verschiedene Bildvarianten, genauso wie unterschiedliche Bild-Dateiformate. Die Extension kann als Drop-In-Replacement für den default Fluid-Image-ViewHelper verwendet werden, um bestehende Projekte durch minimale Anpassungen um responsive Image-Varianten zu erweitern.

TYPO3 Extension „Picture“ auf GitHub
Ein stilisierter Globus mit einem Standort-Pin ist in der Mitte eines grünen Quadrats platziert, umgeben von bunten Punkten und einem Bleistift, was Themen wie Geografie und Bildung andeutet.

Geocoding

Diese Erweiterung bietet eine abstrakte Möglichkeit, Geokoordinaten von Adressen auf der ganzen Welt zu erhalten. Mit "Geocoding" können Informationen über eine Adresse abrufen und in der DB gespeichert werden, indem das TYPO3 Caching Framework verwendet wird, um die Abfragen und Ergebnisse zu speichern.

"Geocoding" auf Github
Ein stilisierter blauer Quadrat mit einem weißen Wellenmuster, umgeben von bunten Punkten und einer Kaffeebohne.

Akamai

Wenn TYPO3 hinter Akamai's EdgeGrid CDN läuft, ist diese Erweiterung ein perfekter Begleiter für Sie.
Diese Erweiterung verbirgt die Komplexität der EdgeGrid-API von Akamai, um Caches zu bereinigen.

"Akamai" auf Github
Ein stilisiertes Logo mit einem roten Quadrat, das ein weißes geometrisches Design und ein Zahnradsymbol in der Mitte zeigt, umgeben von bunten Punkten und einer Kaffeebohne.

Unlocalized Crop

Stell dir vor, du hast eine TYPO3-Installation mit mehreren Übersetzungen. Wenn du sicherstellen möchtest, dass der gewählte Bildausschnitt für alle Übersetzungen gleich ist, kannst du diese Extension verwenden. Auf diese Weise musst du nur die Beschnittinformationen in der Hauptsprache ändern, und die Änderung wird auf alle Übersetzungen angewendet.

TYPO3-Extension "unlocalizedcrop" auf GitHub