Next.js Framework

Ziele

React ist das führende Framework für die Erstellung von Web-Benutzeroberflächen. Next.js ist ein leistungsstarkes Framework für das serverseitige Rendering (SSR) von React-Anwendungen.

Nach dem Kurs "Next.js Framework" sind Sie in der Lage, die wichtigsten Konzepte von NextJS für Webprojekte und State Management erfolgreich zu nutzen, um dynamische Inhalte durch Datennutzung (Props) zu erhalten.

Zielgruppe

Web-Entwickler

Voraussetzungen

Besuch des Kurses Einführung in React oder vergleichbare Kenntnisse

Agenda

Übersicht und Architektur

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

Erste Schritte

• Systemvoraussetzungen
• Installation von Next.js (Mit yarn / npm)
• Ein Next.js Projekt erstellen
• Development vs Production Modus

Seiteninhalte laden und ausspielen

• Pre-Rendering
• Server Side Rendering (SSR)
• Static Side Generation (SSG)

Routing

• Routing mit Next.js
• API Routes

Dateien

• Assets mit Next.js laden
• Markdown Dateien
• Formulare

SEO

• Bilder und Bild-Optimierung
• SEO mit Next.js
• Sitemaps
• Canonical und andere Meta-Tags
• Core Web Vitals

Error Handling

• Handling client errors
• Handling server errors
• Reporting Errors

Deployment und Optimierung

• Compiling
• Minifying
• Bundling
• Code Splitting
• Deployment und Hosting