Seit Jahren implementiere ich Websites in TYPO3. Dabei stand ich immer vor der Wahl die Templates entweder direkt in TYPO3 zu implementieren oder in einem schnellen Sitebuilder zuerst das HTML zu schreiben und dann in FLUID-Templates umzuarbeiten.

Der zweite Weg macht während die Frontendentwiklung richtig Laune. Schnelle Tools wie webpack und browsersync zeigen schnelle Ergebnisse ohne dass man ständig zwischen IDE und Browser hin und herspringen muss. Allerdings hat sich gezeigt, dass ein solches Frontend über die Jahre nicht gepflegt wird und verwahrlost.

Der erste Weg hat den Vorteil, dass man keine Arbeit doppelt machen muss. Allerdings muss man häufig den cache löschen und den Browser neu laden.

Mit t3-build ist das Vergangenheit.

Das Tool umfasst zum einen einen schnellen SCSS und Javascipt Compiler. Zum anderen aber auch Browsersync und einen Watcher der, mit mst_reloadtrigger, zusätzlich das Backend überwacht und den Browser aktualisiert.

Das Ganze geschieht in der Regel wesentlich schneller als 1 Sekunde.

Hier im Beispielvideo wird die Hintergrundfarbe der Website geändert. Sofort nach dem Speichert wird ein neues CSS produziert und der Browser aktualisiert.