Next.js Grundkurs

Übersicht und Architektur

• Features von Next.js
• Architektur
• Stärken und Schwächen
• TypeScript vs JavaScript

Next.js im Hands-on

• Installation von Next.js (Mit yarn / npm)
• Ein Next.js Projekt erstellen
• create-next-app
• Development vs Production Modus
• Routing mit Next.js
• API Routes
• Assets mit Next.js laden
• Markdown Dateien
• Formulare
• Bilder und Bild-Optimierung
• SEO mit Next.js
• Sitemaps
• Canonical und andere Meta-Tags
• Core Web Vitals
• Übersetzung
• Error Handling

Next.js Deployment und Optimierung

• Compiling
• Minifying
• Bundling
• Code Splitting
• Rendering Modis
• Pre-Rendering
  • Server Side Rendering (SSR)
  • Static Side Generation (SSG)
• Deployment und Hosting