Neu Tailwind als Basis für JTL Shop 6 ?

[karabey]

Hey zusammen,

Bootstrap 4 ist mittlerweile schon von 2018 – also über 7 Jahre alt.
Im Web-Frontend hat sich seitdem einiges getan, und Frameworks wie Tailwind CSS (https://tailwindcss.com) sind heute viel moderner, schlanker und flexibler.

Kurz gesagt:

• Schneller: Lädt nur das, was wirklich gebraucht wird → schnellere Seiten.
• Flexibler: Keine starren Vorgaben, alles frei gestaltbar.
• Einfacher: Änderungen direkt im HTML, kein zusätzliches CSS nötig.
• Modern: Aktuelle Webstandards, perfekt für Mobile & Desktop.

Ich finde, das wäre eine richtig gute Basis für zukünftige Shop-Versionen.
Was meint ihr dazu? Sieht euch Tailwind mal selbst an https://tailwindcss.com

 

[NoOne]

Nur weil NOVA Bootstrap benutzt, heißt das nicht, dass du das auch benutzen musst. Du musst halt nur dafür sorgen, dass Tailwind verfügbar ist. Dürfte kein Problem sein, ein Template zu entwickeln, das Tailwind nutzt. Vor allem dann nicht, wenn du statisch kompilierte CSS Dateien verwendest (also per Tailwind CLI).
Shop 6 wird vermutlich eher in Richtung headless laufen. Also wirst du da dann ggf. eh nutzen können, was du möchtest.

Im Moment ists Smarty als Template-Engine. Da kannst du eigentlich als CSS einbinden, was du möchtest. Im Zweifel musst du halt ein Plugin mitliefern, das Tailwind kompilieren kann, wenn die User Änderungen vornehmen können sollen. Dafür musst du freilich auch ein eigenes Template entwickeln, was nicht auf NOVA basiert, damit du die Klassen gemäß der Tailwind-Philosophie nutzen kannst. Oder eben die Klassen in NOVA anpassen.

Im übrigen ist Bootstrap nicht unbedingt weniger flexibel. Beides schließlich "nur" CSS. Tailwind geht nur den Ansatz eher HTML unübersichtlicher zu machen und Bootstrap geht eher den Ansatz die CSS-Dateien unübersichtlicher zu machen.
Tailwind 'lädt' auch nicht nur das, was wirklich gebraucht wird. Es wirft nur alles aus der schlussendlichen CSS-Datei raus, was nie gebraucht wird. Ansonsten wird auch bei Tailwind für jede Seite alles an CSS geladen, was für das Projekt gebraucht wird, auch das, was für die spezifische Seite nicht gebraucht wird. Das kann man mit Bootstrap auch machen. Muss man halt nur manuell tun.