Tag: Vue.js

1. Vue mit Capacitor: Native Mobile Apps aus einer Codebasis

   10.05.2026

   Vue Capacitor verbindet eine bestehende Vue-Anwendung mit einer nativen Laufzeitumgebung, ohne die Codebasis aufzuspalten. Kamera, Geolocation, Push-Benachrichtigungen und Dateisystem werden über eine einheitliche JavaScript-API angesprochen, während die App als echtes iOS- und Android-Binary im jeweiligen Store landet.

   Read more

2. Rate Limiting in Nuxt Server Routes: Strategien und Implementierung

   06.05.2026

   Ohne Rate Limiting kann ein einzelner Client eine Nuxt Server Route mit tausenden Requests pro Sekunde überlasten, sei es durch einen fehlerhaften Client, einen Bot oder einen gezielten Angriff. Token Bucket Algorithmen, Redis basiertes Limiting und ein korrektes 429 Fehlerformat schützen die API, ohne legitime Nutzer auszubremsen.

   Read more

3. watch vs watchEffect vs computed in Vue – wann was?

   29.04.2026

   computed, watch und watchEffect sind die drei Reaktivitäts-Primitive der Vue 3 Composition API – und alle drei lösen verschiedene Probleme. Wer sie verwechselt, schreibt entweder unnötige Seiteneffekte, verzichtet auf Caching oder debuggt endlose Watcher-Kaskaden, die ein computed in einer Zeile gelöst hätte.

   Read more

4. Nuxt 3 SSG Deployment auf Static Hosts: Netlify, Vercel, Cloudflare

   24.04.2026

   Nuxt 3 kann komplette Anwendungen als reine statische Dateien generieren, ganz ohne Node.js Server im Betrieb. Wer diesen Weg über nuxt generate und Static Site Generation konsequent nutzt, bekommt minimale Betriebskosten, maximale Ausfallsicherheit und Auslieferung über ein globales Edge Netzwerk auf Plattformen wie Netlify, Vercel oder Cloudflare Pages.

   Read more

5. Vue GraphQL: Queries, Caching und Tooling im Praxiseinsatz

   22.04.2026

   REST-Endpunkte zu ersetzen ist nicht das Ziel von GraphQL – das Ziel ist, genau die Daten zu laden, die eine Komponente braucht, und sie im richtigen Moment zu cachen. Wer Vue GraphQL ohne Cache-Strategie betreibt, lädt dieselben Daten mehrfach und verliert den größten Vorteil des Ansatzes.

   Read more

6. Nuxt Server Routes als REST API Backend nutzen

   18.04.2026

   Wer für sein Nuxt Frontend ein separates Node oder PHP Backend aufsetzt, verdoppelt oft unnötig die Infrastruktur. Nuxt Server Routes bauen auf dem Nitro Server auf und liefern Routing, Validierung, Fehlerbehandlung und Caching in derselben Codebasis, deployt als ein einziges Deployment Artefakt.

   Read more

7. Nuxt Server Middleware Patterns: Logging, CORS, Request Context

   11.04.2026

   Wer Logging, CORS Header oder Request IDs in jeder einzelnen Nuxt Server Route separat implementiert, produziert Code Duplikation an zehn Stellen gleichzeitig. Nuxt Server Middleware in server/middleware läuft vor jedem Handler und löst genau diese Querschnittsaufgaben zentral, ohne dass eine Route davon weiß.

   Read more

8. Teleport, Suspense und Async Components in Vue 3 sinnvoll einsetzen

   11.04.2026

   Vue 3 brachte drei Features mit sich, die selten zusammen erklärt werden, aber sich gegenseitig ergänzen: Teleport für korrektes DOM-Placement, Suspense für deklarative Ladezustände und Async Components für gezieltes Code-Splitting. Wer alle drei versteht und sinnvoll kombiniert, baut Vue-Anwendungen mit besserer UX, kleineren Bundles und saubererer Komponentenarchitektur.

   Read more

9. Charts und Datenvisualisierung in Vue sauber einbinden

   08.04.2026

   Datenvisualisierungen in Vue 3 werden oft als Blackbox eingebunden – die Chart-Library übernimmt den Canvas-DOM und Vue verliert den Überblick. Mit dem richtigen Composable-Pattern bleiben Charts reaktiv, werden korrekt zerstört, unterstützen Screenreader durch ARIA-Alternativtexte und laden per defineAsyncComponent erst dann, wenn sie tatsächlich sichtbar sind.

   Read more

10. Vue.js Props, Emits und One-Way Data Flow sauber halten

    01.04.2026

    Props fließen nach unten, Emits fließen nach oben – der One-Way Data Flow in Vue.js ist kein Design-Dogma, sondern die Grundlage für vorhersehbares, debugbares Komponentenverhalten. Wer Props mutiert, baut Bugs, die erst unter Last oder bei komplexen Zustandsänderungen sichtbar werden.

    Read more