Zum Inhalt springen

Templates mit Blade

Blade-Komponenten halten Templates übersichtlich und wiederverwendbar. Änderungen gehen dadurch schneller und mit weniger Fehlern.

Ausgangslage

Blade ist die Template-Engine von Laravel und lässt sich auch in Statamic nutzen. Sie trennt Darstellung und Logik. Templates bleiben so übersichtlich, und jede spätere Änderung kostet weniger.

Wiederverwendbare Komponenten

Buttons, Karten und Formularfelder legen wir einmal als Blade-Komponenten an und nutzen sie überall. Eine Änderung wirkt so an allen Stellen zugleich. Die Komponenten folgen dem Design-System, neue Seiten entstehen aus geprüften Teilen.

Sicherheit

Blade maskiert Ausgaben standardmäßig und schützt so vor Cross-Site Scripting. Ungefilterte Ausgaben setzen wir nur für geprüfte Inhalte ein und dokumentieren jeden Fall.

Worauf wir achten

  • Keine Datenbankabfragen und keine Geschäftslogik im Template

  • Barrierefreies, semantisches HTML in den Komponenten

  • Kompilierte und gecachte Views im Produktivbetrieb

  • Automatisierte Tests für kritische Komponenten

Blade mit Svelte, Vue.js und Antlers

Für interaktive Teile kombinieren wir Blade mit Svelte- oder Vue-Komponenten. Die Seite wird weiter auf dem Server gerendert, Suchmaschinen und Screenreader erhalten vollständiges HTML. In Statamic ist Antlers Standard. Blade setzen wir ein, wenn Templates komplexe Logik brauchen oder Laravel-Komponenten wiederverwenden.

Projekt anfragen

Zurück nach oben