Frontend-Entwicklung

Eine gute Website fängt nicht beim Design auf, sondern hört dort auch nicht auf. Zwischen dem, was ein Gestalter entwirft, und dem, was ein Nutzer im Browser sieht, steckt eine Menge Handwerk. Genau das ist unser Feld.

Symbolbild zur Wartung, TYPO3, Wartungsvertrag

Wir entwickeln Frontends, die technisch sauber umgesetzt sind, auf allen Geräten zuverlässig funktionieren und sich langfristig warten lassen. Ob als vollständige Eigenentwicklung, als technische Umsetzung eines fertigen Designs oder als Integration in ein bestehendes TYPO3-Projekt.


Womit wir arbeiten

Grundlage: HTML, CSS und JavaScript Solide Basis, sauberer Code. Wir schreiben semantisches HTML, das auch für Suchmaschinen und Screenreader lesbar ist, und CSS das strukturiert und wartbar bleibt – auch wenn das Projekt wächst.

Bootstrap 5 Für Projekte, bei denen ein bewährtes CSS-Framework sinnvoll ist, setzen wir auf Bootstrap 5. Es beschleunigt die Entwicklung, sorgt für konsistentes Verhalten auf verschiedenen Bildschirmgrößen und ist in der Webentwicklung weit verbreitet – was die langfristige Wartbarkeit erleichtert.

Moderne JavaScript-Frameworks Je nach Anforderung des Projekts setzen wir auf Vue, Next.js oder Angular. Vue eignet sich hervorragend für interaktive Komponenten innerhalb klassischer Websites. Next.js kommt zum Einsatz, wenn serverseitiges Rendering oder eine enge Verbindung zu einer API-Schicht gefragt ist. Angular bietet sich für größere, strukturell komplexe Webanwendungen an. Welches Framework sinnvoll ist, hängt immer vom Projekt ab – wir beraten Sie dabei gerne.

TYPO3 und Fluid In TYPO3-Projekten ist Fluid unsere Schnittstelle zwischen Backend und Frontend. Über Fluid-Templates werden TYPO3-Inhalte strukturiert ausgespielt und mit dem Frontend verknüpft – sauber getrennt, gut wartbar und für Redakteure im Backend transparent.

Werkzeuge und Workflows Im Hintergrund arbeiten wir mit Vite als modernem Build-Tool, Node.js und npm für die Paketverwaltung sowie nvm für das Versionsmanagement. Änderungen werden über Git versioniert – so ist jeder Entwicklungsschritt nachvollziehbar und Teams können kollaborativ arbeiten. Für bestehende Projekte unterstützen wir auch Gulp-basierte Workflows.

Mit Storybook entwickeln und dokumentieren wir UI-Komponenten isoliert vom restlichen Projekt. Das bedeutet: Jede Komponente – Button, Formular, Navigationsleiste – wird unabhängig entwickelt, getestet und visuell dokumentiert, bevor sie in die eigentliche Website integriert wird. Gerade in größeren Projekten oder bei der Zusammenarbeit mit Agenturen schafft das eine gemeinsame Grundlage und spart Zeit bei Abstimmungen.

Was das für Sie bedeutet

Sie bekommen kein Frontend, das nur auf dem Entwicklungsrechner gut aussieht. Wir achten von Anfang an auf Performance, Browserkompatibilität und eine Codestruktur, die auch in zwei Jahren noch zu pflegen ist – von uns oder von jemandem anderen.