Frontend - Vue

Vue-Oberflächen, die klar bleiben.

Dashboards, Portale und SPAs - Komponenten, die Teams weiterbauen können. Kein Frontend, das nach 18 Monaten niemand anfasst.

SPA Dashboards Design-System APIs

Für wen Vue passt

Produkte mit dichten Oberflächen - nicht jede Broschüren-Seite braucht eine SPA.

Datenreiche UIs

Tabellen, Filter, Rechte, Live-Status. jQuery-Wildwuchs oder ein ungeliebtes Legacy-Frontend.

Portal neben API

Symfony- oder Laravel-Backend steht. Die Oberfläche nicht.

Design ohne System

Jede Seite ein Unikat. Wir ziehen Tokens und Komponenten ein.

Performance & A11y

Schwere Bundles, keine Tastaturbedienung. Beides ist Liefergegenstand.

Was wir in Vue liefern

Von der ersten Route bis zum Storybook-ähnlichen Schnitt.

SPAs & Portale

Vue 3, Router, klare Stores. Nur so viel State, wie der Flow braucht.

Dashboards

Listen, Charts, Bulk-Aktionen - mit leeren und Fehlerzuständen.

Design-Systeme

Kleine Komponentenbibliothek statt Copy-Paste.

Anbindung

BFF oder direkte API. Auth, Uploads, Optimistic UI wo es hilft.

Ansatz: Oberfläche als Produkt

Vue ist der Klebstoff, nicht der Star. Wir schneiden nach User-Jobs: eine Aufgabe, ein Flow, messbar.

  • Wichtige Jobs und Rechte klären
  • API-Verträge mit dem Backend festziehen
  • Komponenten und Zustände (leer, ladend, Fehler)
  • Übergabe: Build, Tokens, Kurzdoku

Typisches Umfeld

Vue 3, Vite, oft Pinia. Backend Symfony, Laravel oder FastAPI. Gelegentlich Nuxt für Content+App.

So bauen wir Frontends

Sichtbar, iterativ, ohne Pixel-Feinschliff ohne Daten.

1

Flows

Drei Kernaufgaben, nicht 40 Screens auf einmal.

2

Schnitt

Komponenten + Dummy-API, dann echte Daten.

3

Härten

A11y, Performance, Rechte, leere Listen.

4

Übergeben

Build-Pipeline, Tokens, optionale Wartung.

Worauf Produktteams bauen

Frontend, das das Backend nicht beschämt.

Kein Framework-Zwang

Manchmal reicht Twig oder Blade. Wir sagen das.

Anbindung ernst

Wir bauen nicht gegen eine Fantasie-API.

Weiterbauen möglich

Ihre Leute sollen nach zwei Wochen allein commits machen können.

Beispiel-Setup (Platzhalter)

Händler-Portal: Bestellungen, Rechnungen, Sperren. Vue 3 auf Symfony-API. Ziel: weniger Excel-Exporte, nachvollziehbare Rechte, nutzbar auf Tablet im Lager.

Vue Symfony Portal A11y

Häufige Fragen

Frontend-Fragen ohne Trendversprechen.

Vue oder Angular?

Kleine/mittlere Produkt-UIs: oft Vue. Große Enterprise-Frontends mit festem Team-Schnitt: Angular. Wir wählen nach Team, nicht nach Social-Media-Trends.

Nuxt?

Wenn SEO und App zusammenkommen. Sonst Vite-SPA hinter Auth.

Übernehmen Sie Vue-2-Code?

Ja - Migration nach 3 planen wir als Arbeit, nicht als Big-Bang-Tag.

Wer macht Design?

Wir setzen um und schärfen. Reines Greenfield-CI ohne Briefing bauen wir nicht ins Blaue.

SSR, i18n, Tests?

Wo der Fall es braucht. Tests an den teuren Flows, nicht um der Quote willen.

Einstieg?

Ein Flow in Staging. Fester Rahmen nach Kickoff.

Weitere Stacks

Verwandte Technologien, die wir oft daneben einsetzen.

Oberfläche mit Halt?

Sagen Sie uns API und den wichtigsten User-Job - wir skizzieren den ersten Slice.