Modul 4: Next.js + Headless CMS

Zielgruppe & Voraussetzungen

Abschluss von Modul 3 oder vergleichbare Next.js-Kenntnisse
Grundverständnis für Content Management Systeme
Erfahrung mit REST APIs und GraphQL von Vorteil

Seminarziel

Die Teilnehmer können vollständige Content-Management-Lösungen mit Next.js 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
• Next.js-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
• Static Site Generation für Content
• Incremental Static Regeneration (ISR)

Tag 3: Advanced Features und Production

• Production Deployment und CI/CD
• Authentication mit NextAuth.js
• Multi-Language Content
• Strapi Components
• Performance Monitoring für Content-Sites (optional)
• Kommentarsystem und User Interaction (optional)

Praktisches Projekt: Vollständiges Corporate Blog