Tag: Vue.js

1. SSR, SSG und Hybrid-Rendering in Nuxt sauber einsetzen

   23.12.2025

   Nuxt 3 bietet Server Side Rendering, Static Site Generation, Incremental Static Regeneration und Hybrid-Rendering — alles in einem Framework. Wer die Unterschiede nicht kennt, verschenkt Performance und SEO-Potenzial. Dieser Artikel erklärt alle Rendering-Modi mit konkreten Route-Rules-Konfigurationen und typischen Fallstricken.

   Read more

2. Vue in Legacy-Systeme integrieren statt alles neu zu bauen

   22.12.2025

   Ein Big-Bang-Rewrite scheitert häufiger als er gelingt. Die bessere Strategie: Vue schrittweise in bestehende PHP-Monolithen, Twig-Templates und jQuery-Anwendungen einführen – Insel für Insel, ohne den laufenden Betrieb zu unterbrechen.

   Read more

3. Vue Macros und Compiler-Makros: mehr als defineModel und defineProps

   21.12.2025

   Compiler-Makros wie defineProps und defineModel wirken wie normale Funktionsaufrufe, existieren zur Laufzeit aber gar nicht, sie werden vom Vue-Compiler beim Bauen des Codes wegtransformiert. Das dedizierte Vue Macros Plugin geht noch weiter und ergänzt eigene Makros für Reaktivität, Props-Weiterreichung und bedingte Kompilierung, mit klaren Kompromissen bei Tooling und Vorhersehbarkeit.

   Read more

4. Vue SSR Performance Tuning in Nuxt Anwendungen

   20.12.2025

   Server Side Rendering löst das Problem eines leeren initialen HTML, verschiebt den Engpass aber auf den Server Render selbst. SSR Performance Tuning in Nuxt bedeutet, Time to First Byte, Datenlade Wasserfälle, Payload Größe und Hydration Kosten gezielt zu senken, statt SSR nur ein und auszuschalten.

   Read more

5. Vue Provide/Inject richtig nutzen statt Prop Drilling oder globale Stores

   19.12.2025

   Vue provide/inject ist der unterschätzte Mittelweg zwischen Prop Drilling und globalen Pinia-Stores. Richtig eingesetzt ermöglicht es scoped Dependency Injection für Komponentenfamilien – typsicher, reaktiv und ohne globalen Zustand.

   Read more

6. Realtime in Vue: WebSocket, SSE und Polling im Vergleich

   18.12.2025

   Realtime-Features in Vue.js sind mehr als ein geöffneter WebSocket. Wer WebSocket, Server-Sent Events und Polling nicht bewusst wählt, baut entweder zu viel Infrastruktur auf oder kassiert unnötige Netzwerklast. Dieser Artikel zeigt alle drei Strategien mit sauberen Composables, Lifecycle-Handling und konkreten Einsatzempfehlungen.

   Read more

7. End to End Tests mit Playwright für Vue Apps

   11.12.2025

   Playwright testet Vue-Anwendungen als Ganzes im echten Browser, mit Auto-Waiting statt fester Timeouts, mit Netzwerk-Interception statt echtem Backend und mit paralleler Ausführung über mehrere Browser-Engines hinweg. Das macht End-to-End-Tests planbar statt zur Quelle ständiger CI-Flakiness.

   Read more

8. Form Builder und dynamische Formulare in Vue 3

   01.12.2025

   Formulare, die sich aus Konfiguration generieren, statt hart codiert zu sein, sparen Entwicklungszeit und ermöglichen Back-End-Teams, Formularstrukturen ohne Frontend-Deployment zu ändern. Dieser Artikel zeigt, wie man einen robusten Form Builder in Vue 3 baut – von der Felddefinition über dynamische Validierung bis zu bedingten Feldern.

   Read more

9. Nuxt Middleware, Auth und geschützte Bereiche – vollständige Anleitung

   20.11.2025

   Nuxt Middleware ist der zentrale Mechanismus, um Routen zu schützen, Authentifizierung zu erzwingen und rollenbasierte Zugriffskontrolle sauber in der App-Schicht zu implementieren – ohne Sicherheitslogik in jede einzelne Seite zu kopieren.

   Read more

10. Vue Security Review: XSS, unsichere HTML-Interpolation und Third-Party-Risiken

    10.11.2025

    Vue.js schützt von Haus aus vor den meisten XSS-Angriffen – bis Entwickler v-html, innerHTML oder unsanitisierte API-Daten einsetzen. Ein Vue Security Review deckt auf, wo diese Schutzmechanismen umgangen werden und wie man Third-Party-Abhängigkeiten und fehlende CSP als zusätzliche Angriffsvektoren behandelt.

    Read more