Next.js Framework

Ziele

In dieser 3-tägigen Schulung "Next.js Framework" lernen Sie die Grundlagen und fortgeschrittenen Konzepte für die Entwicklung von Webanwendungen. Der Kurs beginnt mit einer Übersicht und Vergleich zwischen Next.js und React.js. Sie werden die Architektur und Stärken des Frameworks kennenlernen. Es wird auch auf TypeScript vs. JavaScript eingegangen. Die Schulung umfasst die ersten Schritte mit Next.js, die Erstellung eines Projekts und den Entwicklungs- und Produktionsmodus.

Sie lernen verschiedene Techniken zum Laden und Ausspielen von Seiteninhalten kennen, wie Pre-Rendering, Server Side Rendering (SSR) und Static Side Generation (SSG). Das Routing mit Next.js und die Verwendung von API-Routen werden ebenfalls behandelt. Weitere Themen sind das Laden von Assets, die Verarbeitung von Markdown-Dateien, die SEO-Optimierung und der Umgang mit Fehlern. Abschließend werden die Bereiche Deployment und Optimierung behandelt, einschließlich Kompilierung, Minimierung, Bündelung und Code Splitting.

Zielgruppe

• Web-Entwickler
• Front-End-Entwickler

Voraussetzungen

Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:

• Teilnehmer sollten mit ersten Vorkenntnissen in HTML, CSS, JavaScript, NodeJS und React für den Kurs mitbringen.

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

Open Badge - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erlangen Sie nicht nur Fachkenntnisse und Fähigkeiten, sondern bekommen zusätzlich zu Ihrem Teilnahmezertifikat ein Open Badge als digitalen Nachweis Ihrer Kompetenz.

Sie können diesen in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com Konto abrufen. Ihre verdienten Badges lassen sich problemlos in sozialen Netzwerken integrieren und weitergeben.

Mehr zu den Vorteilen von Badges

Kurz vor Durchführung