Modul 4: Vue + Headless CMS

Zielgruppe & Voraussetzungen

Abschluss von Modul 3 oder vergleichbare Nuxt-Kenntnisse
Grundverständnis für Content Management Systeme
Erfahrung mit REST APIs

Seminarziel

Die Teilnehmer können vollständige Content-Management-Lösungen mit Nuxt 3 und Headless CMS entwickeln und verstehen moderne JAMstack-Architekturen für Content-getriebene Websites.

Inhalte

Tag 1: Headless CMS Integration

• Headless CMS Konzepte und Strapi Setup
• Content-Typen für Blogs und API-Design
• Nuxt-Strapi Integration für Content-Delivery
• TypeScript-Typisierung für Content-Responses
• Image-Optimierung und Media Handling

Tag 2: Blog-Features und Content Management

• Dynamic Content Rendering für Artikel
• Kategorie- und Tag-Management
• Search und Content-Filtering
• SEO-Optimierung für Blog-Inhalte
• Content Preview und Draft Mode
• Sitemap-Generierung

Tag 3: Advanced Features und Production

• Production Deployment und CI/CD
• Strapi Components
• Kommentarsystem und User Interaction (optional)
• Multi-Author-Support (optional)
• Newsletter-Integration (optional)
• Performance Monitoring für Content-Sites (optional)

Praktisches Projekt: Vollständiges Blog-System mit CMS