Kursbeschreibung
Next.js ist eines der beliebtesten UI Frameworks für React. Im Kurs wird mit den Teilnehmern, eine interaktive und reale Web-Applikation entwickelt, getestet und deployed. Kein langweiliger Frontalunterricht!
Nach dem Kurs können Sie…
- moderne Webseiten und Webapplikationen mit Next.js und React erstellen
- Server Side Rendering (SSR) mit React und Next.js richtig nutzen
- Static Side Generation (SSG) für noch mehr Performance einzusetzen
- Suchmaschinen optimierte Inhalte mit Next.js generieren
Zielgruppe
- React EntwicklerInnen die mit Next.js produktive Web-Applikationen entwickeln möchten.
- Web EntwicklerInnen
Voraussetzung für die Schulung
React Grundkenntnisse, analog zu unserem React Grundkurs. Dies ist keine React Einsteiger Schulung!
Kursinhalte
Ü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