Skip to main content Skip to page footer

Neues TYPO3 v10 Projekt - Welche Einstellungen und Erweiterungen sind hilfreich und sinnvoll?

Wie starte ich neue Projekte mit TYPO3 in Version 10? Welche Erweiterungen sind dafür hilfreich und wie kann ich in wenigen Minuten ein neues Projekt anlegen?

Hier gibt es einen kleinen Überblick wie ich vorgehe und welche Tools / Erweiterungen ich dafür nutze.

DDEV für lokale Entwicklung verwenden

Für mich findet lokale Entwicklung seit es DDEV Local für Windows gibt nur noch mit DDEV Local statt.

Die einfache Verwaltung bzw. Konfiguration von lokalen Projekten mit Docker ist durch DDEV extrem einfach geworden und neue Projekte sind in wenigen Minuten aufgesetzt.

Grundsätzlich sind als Voraussetzung für die Nutzung von DDEV Local unter Windows folgende Tools/Software nötig:

Nach Installation der benötigten Tools wechselt man in eine Windows-Kommandozeile seiner Wahl in einen Ordner in welchem man sein neues Projekt anlegen möchte; dort führt man die Erst-Konfiguration aus:

ddev config

Im darauf folgenden Dialog vergibt man einen Projekt-Namen, konfiguriert einen public-Ordner, legt den Typ des Projekts fest (hier TYPO3) und fertig!

Nun startet man das Projekt:

ddev start

Nach dem erfolgreichen Start (alle Ereignisse sind grün) erhält man mit

ddev describe

eine schöne Übersicht der verwendbaren URLs für das lokale System (lokale Domain, PHPMyAdmin & Mailhog).

Composer nutzen

Seit TYPO3 Version 7 wird Composer als PHP Paketmanager voll unterstützt und eignet sich hervorragend zur Installation bzw. dem Deployment von TYPO3.

Eine beispielhafte composer.json Datei zum Kickstart eines neuen TYPO3-Projektes könnt ihr hier herunterladen.

Composer ist in den DDEV local Containern zur Entwicklung bereits enthalten.

Aus einem Windows Terminal kann man direkt Composer in einem DDEV Container ausführen:

ddev composer install

 

Erweiterungen / Tools für Webseitenprojekte

Die beispielhafte composer.json Datei enthält bereits einige zusätzliche Erweiterungen außer den TYPO3 Core Paketen; im folgenden eine genaue Erklärung zu den praktischen Erweiterungen die bei mir in fast jedem TYPO3 Projekt zum Einsatz kommen.

TYPO3 Console (helhum/typo3-console)

Die TYPO3 Console von Helmut Hummel bietet praktische Skripte die über Kommandozeile ausgeführt werden können; dazu dienen Kommandos wie Cache Clearing, Database Compare, usw. Die TYPO3 Console ist vor allem für automatisierte Deplyoments extrem hilfreich, aber auch zur direkten Verwendung in Composer Skripten.

Eine Übersicht aller Kommandos findet sich in der Dokumentation.

Bootstrap package (bk2k/bootstrap-package)

Gerade für Testprojekte, aber auch direkt als Grundlage für neue Webseiten bietet sich das Bootstrap Package von Benjamin Kott an. Meine Webseite ephra.im basiert zu 100% auf dem Bootstrap Package. Auf bootstrap-package.com bietet Benjamin Kott komplette Beispiele für alle Inhaltselemente an.

Dort gibt es auch einen eigenen Site Package Builder um direkt mit der Anpassung für eine neue Webseite starten zu können. Weiter unten mehr dazu.

Ein Blick in das Bootstrap Package lohnt sich immer, egal ob es verwendet wird oder nicht. Warum? Weil Benjamin Kott dort viele Neuerungen in TYPO3 verwendet bzw. man sich viele "Best practice" Umsetzungen abschauen kann.

News (georgringer/news)

Die wohl meistverwendete Erweiterung zur Darstellung von News im TYPO3 Universum ist die Erweiterung von Georg Ringer. Da Georg Ringer unter anderem am TYPO3 Core mitarbeitet, finden sich in seiner Erweiterung immer aktuelle Core Features, "Hacks", Hooks oder eben ähnlich wie beim Boostrap Package praktische Ansätze wie Besonderheiten realisiert werden können.

Shariff (reelworx/rx-shariff)

Die Erweiterung bindet Shariff von Heise in TYPO3 ein um Share-Buttons für Soziale Netzwerke Datenschutzkonform in die Webseite zu integrieren. Die Erweiterung kann direkt zusammen mit der News-Erweiterung verwendet werden.

Powermail (in2code/powermail)

Die Erweiterung bietet über das Backend erstellbare Formulare an und ist extrem erweiterbar. Sie bietet bei Versions-Sprüngen meist Migrations-Skripte an, zahlreiche Möglichkeiten sie mit eigenen Erweiterungen zu erweitern (Hooks/Signals, Finisher) und ist fast immer direkt mit der neuesten TYPO3-Version kompatibel.

Ich setze diese Erweiterung in vielen Projekten ein und habe bereits Versionen von 1.6 bis 8 migriert.

Bilder automatisch skalieren (causal/image_autoresize)

Redakteure machen sich leider nicht immer Gedanken darüber, in welcher Größe sie Dateien - vor allem Bilder - ins TYPO3-System hochladen. Dadurch kommt es leider oft zu extrem (unnötig) großen Dateiverzeichnissen, da die in die Webseite eingebunden Bilder normalerweise eine Bildverarbeitung durchlaufen und auf die passende Größe skaliert werden.

Die Erweiterung bietet an, dass Bilddateien die im TYPO3 Backend hochgeladen werden, z.B. direkt auf eine maximale Größe skaliert werden. Hierdurch verringert sich die Dateigröße dann bereits nach dem Motto "so groß wie nötig aber so klein wie möglich".

Bildausschnitte synchronisieren (jweiland/sync-crop-areas)

Gerade beim Aufbau von Webseiten mit dem Boostrap-Package kann es von Vorteil sein, wenn man die Bildausschnitte für die einzelnen Gerätegrößen synchronisieren kann. Soll der Bildausschnitt sowieso für alle Gerätegrößen gleich sein, setzt man einfach die Option "Synchronisiere Bildausschnitt" im Backend.

Yoast SEO (yoast-seo-for-typo3/yoast_seo)

Eher von WordPress bekannt gibt es seit einiger Zeit auch Yoast SEO für TYPO3. Yoast bietet Redakteuren eine direkte Hilfe im TYPO3 Backend bei der SEO-Optimierung der Seite durch Inhaltsaufbereitung, Keywords und Metadatenoptimierung für Suchmaschinen.

Page Speed Insights (haassie/page-speed-insights)

Zur Überprüfung der Geschwindigkeit von Webseiten bietet Google seit Jahren sein Page Speed Insights Tool an. Page Speed Insights vergibt für die Webseite eine Punktzahl von 0 bis 100 in verschiedenen Kategorien; zur Optimierung der Webseite werden zahlreiche wertvolle Hinweise gegeben.

Die TYPO3-Erweiterung bietet die Möglichkeit im TYPO3 Backend Page-Speed Tests für einzelne Seiten durchzuführen und die Ergebnisse anzuzeigen.

Die Liste der Erweiterungen wird laufend ergänzt und ein weiterer Beitrag zu hilfreichen Erweiterungen zur Entwicklung in TYPO3 folgt.