Lerne Vue 3 und Nuxt 3 von Grund auf – speziell für Rails-Entwickler, die in die SPA-Welt eintauchen wollen.
Mit interaktiven Beispielen, Pinia, VueUse, TanStack Query und Docker-Deployment.
Dieses Tutorial ist speziell für dich geschrieben! Wir vergleichen durchgehend Vue/Nuxt-Konzepte mit Rails-Equivalenten. MVC → Composition API, ERB-Templates → Vue-Templates, ActiveRecord → Pinia Stores, Turbo/Hotwire → Vue Reactivity.
Was ist Vue? Installation, Projektstruktur und DevTools – dein erster Kontakt mit Vue.
Template-Syntax, Reaktivität, Events, v-if/v-for, Formulare, Watchers und Lifecycle.
Props, Events, Slots, Provide/Inject – modulare UIs bauen wie ein Profi.
Options vs Composition API, eigene Composables, Patterns und TypeScript.
Scoped CSS, Tailwind CSS Integration und Vue-Transitions & Animationen.
State Management mit Pinia – Stores, Getters, Actions und Plugins.
VueUse, TanStack Vue Query und Vue Router – die wichtigsten Libraries.
Was ist Nuxt? Routing, Layouts, Data Fetching, Server-Routes.
Middleware, SSR/SSG/SPA, SEO, Error Handling, Runtime Config, Plugins.
Nuxt Content, Image, Auth-Patterns und die mächtigen DevTools.
Server-API bauen, json-server nutzen und eine vollständige CRUD-App erstellen.
Build-Modi verstehen, Docker-Setup und Coolify-Deployment.
Beginne mit den Grundlagen und arbeite dich Schritt für Schritt durch alle 12 Module.
Mit Modul 1 starten →