Nuxt.js ist ein Frontend-Framework, das auf Vue.js basiert und für die Entwicklung moderner Webanwendungen konzipiert ist. Es vereinfacht den Aufbau von universellen oder Single-Page Vue.js-Anwendungen. Nuxt.js kann erhebliche Vorteile für die SEO Ranking einer Webseite bringen, insbesondere durch seine Fähigkeit zum Server-Side Rendering (SSR) und zur statischen Seitengenerierung.

Einführung in Node.js und Nuxt.js
  • Was ist Nuxt.js und warum wird es verwendet?
  • Erstellen der ersten Nuxt.js-Anwendung
  • Überblick über die Nuxt.js-Projektstruktur
  • Grundlagen von Node.js für Nuxt.js
Seiten, Layouts und Routing
  • Erstellen von Seiten und Verstehen des Nuxt-Routings
  • Verwendung und Anpassung von Layouts
  • Dynamische Routen und Nested Routes
Übungsprojekt
  • Einfache Blog-Anwendung mit statischen Seiten und dynamischem Routing
  • Styling mit Tailwind CSS und File-based Routing
  • Einführung in Tailwind CSS und Integration in Nuxt-Projekte
  • Implementierung file-basierter Routing-Techniken
Erweiterte Komponenten und Layouts
  • Nutzung von NuxtUI für verbesserte UI-Komponenten
  • Erstellen wiederverwendbarer Layouts und Komponenten
Übungsprojekt
  • Erstellung eines Blog- und Portfolio-Projekts mit Tailwind CSS
Supabase Integration
  • Grundlagen von Supabase: Authentifizierung und CRUD-Operationen
  • Implementierung von Row Level Security (RLS) in Supabase
Fortgeschrittene Nuxt-Funktionen
  • Einführung in Composables und wiederverwendbare Logik
Übungsprojekt
  • Entwicklung einer Finanz-Tracker-App mit Nuxt und Supabase
Full-Stack-Entwicklung
  • Best Practices in Full-Stack-Entwicklung mit Nuxt und Vue
  • Umgang mit Dateiuploads in einer Full-Stack-Anwendung
Projektarbeit