Tauchen Sie ein in die Welt der serverseitigen Rendering-Technologien und entwickeln Sie skalierbare, performante Webanwendungen mit Next.js. Von den Grundlagen bis zur Produktionsreife.
Grundlagen und Architektur
  • Einführung in Next.js und seine Vorteile
  • Vergleich mit anderen React-Frameworks
  • Projektsetup und Entwicklungsumgebung
  • Next.js Projektstruktur und Konventionen
  • Konfigurationsmöglichkeiten und next.config.js
Rendering-Strategien
  • Server-Side Rendering (SSR)
  • Static Site Generation (SSG)
  • Incremental Static Regeneration
  • Client-Side Rendering
  • Hybrid Rendering-Ansätze
Routing und Navigation
  • Dateibasiertes Routing
  • Dynamische Routen
  • Catch-all Routes
  • Navigation und Link-Komponente
  • Middleware und Auth-Protection
Datenmanagement
  • getStaticProps und getServerSideProps
  • API-Routes implementieren
  • Externe API-Integration
  • Caching-Strategien
  • Datenbank-Integration
Styling und UI
  • CSS Module und Styled Components
  • Tailwind CSS Integration
  • Responsive Design
  • Dark Mode Implementation
  • Layout-Komponenten
Performance-Optimierung
  • Image-Optimierung
  • Code-Splitting Strategien
  • Bundle-Size Optimierung
  • Lazy Loading
  • Performance Monitoring
Deployment und Production
  • Vercel Deployment
  • Andere Hosting-Optionen
  • Environment Variables
  • CI/CD Pipeline Setup
  • Monitoring und Logging
Testing und Qualitätssicherung
  • Unit Testing mit Jest
  • Integration Tests
  • E2E Testing mit Cypress
  • Performance Testing
  • SEO Optimierung