Einführung in das Vue.js/Nuxt Ökosystem

Themen/Programm

Morgen:

• Vue.js Überblick Slides
• Vue.js Tutorial durcharbeiten
• Hands-on Vue.js
  → eigene SPA entwickeln

Nachmittag:

• Nuxt Überblick Slides
• Nuxt-Einstieg mit offizieller Doku
• Hands-on Nuxt
  → Eigenes Nuxt Projekt erstellen und bestehende SPA als Full Stack App überführen

Slides: puzzle.github.io/tws25-vue-nuxt

Ideen für weiterführende Themen

• State management
  • useState
  • Pinia
• Nuxt Content (File-basiertes CMS with Markdown files)
• Nuxt Devtools
• Tailwind in Nuxt-Projekt integrieren
• Headless Components with Vue
  • https://headlessui.com/v1/vue/menu
  • https://ark-ui.com/
  • ...?
• Nuxt Image
• Testing mit Vitest/Playwright
• Auth
• Datenbankanbindung mit Kysely
• Nuxt Supabase

Ressourcen

• Vue.js Dokumentation
• Nuxt 4 Dokumentation
• Nitro und H3
• UnJS
• Compatibility Date in Nuxt 4 and Nitro