Next.js - Intensiv-Schulung: Der umfassende und professionelle Einstieg für Entwickler - Inhouse von HECKER CONSULTING

Entdecke die Zukunft des Web Developments: Tauche ein in die Welt von Next.js! Unser intensiver Einsteiger-Workshop führt dich durch die Geheimnisse von SSR, SSG und vieles mehr - werde Teil der Next Generation der Webentwickler.

Einführung in Next.js

• Überblick über Next.js und seine Neuerungen
• Vergleich mit früheren Versionen und anderen Frameworks
• Bedeutung von Server-Side Rendering (SSR) und Static Site Generation (SSG)

Installation und Einrichtung von Next.js

• Installation von Next.js
• Erstellung eines neuen Next.js-Projekts
• Konfiguration von Entwicklungsumgebungen und Werkzeugen

Next.js-Projektstruktur und -Konventionen

• Verständnis der Standard-Projektstruktur
• Einführung in Konfigurationsdateien
• Ordner und Dateien des App Router

Grundlegende Routing-Techniken in Next.js

• Definieren von Routen, Seiten und Layouts
• Verlinkung und Navigation
• Umgang mit UI-Ladezustände, Fehlern und Weiterleitungen

Erweiterte Routing-Techniken in Next.js

• Einsatz von Routen Gruppen und Kolokation
• Definieren von dynamischen Routen und parallele Routen
• Implementierung von Intercepting Routes

Next.js Route Handler und Middleware

• Implementierung von Route Handlers
• Verwendung und Konfiguration von Middleware
• Erstellung und Verwaltung von benutzerdefinierten Middleware-Lösungen

Datenabruf und Datenmanagement in Next.js

• Techniken zum Abrufen von Daten, Caching und Revalidierung
• Serveraktionen und Mutationen
• Muster und bewährte Praktiken für effizientes Daten-Handling

Next.js Rendering-Optionen

• Rendering mit Server-Komponenten
• Rendering mit Client-Komponenten
• Kombination von Server- und Client-Komponenten

UI-Entwicklung und Styling in Next.js-Projekten

• Optionen für die Erstellung von Benutzeroberflächen
• Tailwind CSS und CSS-Modulen
• Sass und CSS-in-JS

Performance-Optimierung in Next.js-Projekten

• Caching in Next.js
• Bild-, Video- und Schriftartenoptimierung
• Einsatz von Lazy Loading und Bundle Analyzer

Individuelle Next.js-Projektkonfigurationen

• Konfiguration von TypeScript und ESLint
• Einsatz von Umgebungsvariablen
• Einstellungen in next.config.js

Authentifizierung und Sicherheit in Next.js-Projekten

• Implementierung von Authentifizierungsstrategien
• Schutz von Routen, Server Actions und Route Handler
• Optionen für Sitzungsverwaltung

Next.js Deployment und Produktionscheckliste

• Vorbereitung und Durchführung des Deployments
• Überprüfung der Produktionscheckliste
• Statischer Export

Optional: Migration nach Next.js

• Diskussion über die schrittweise Adoption von Next.js in bestehenden Projekten
• Leitfaden zur Migration von Vite und
• Leitfaden zur Migration von Create-React-App

Optional: Testen von Next.js-Projekten

• Einrichtung von Vitest, Jest
• Konfiguration von Playwright und Cypress
• Bewährte Praktiken für effektives Testen

Du bist bereit, den nächsten Schritt in deiner Entwicklerkarriere zu gehen und die faszinierende Welt von Next.js zu erkunden? Unser Einsteiger-Workshop ist genau das Richtige für dich! Next.js revolutioniert die Art und Weise, wie moderne Webanwendungen gebaut werden, indem es innovative Lösungen wie Server-Side Rendering (SSR) und Static Site Generation (SSG) bietet. In diesem intensiven Kurs führen wir dich Schritt für Schritt durch die grundlegenden bis fortgeschrittenen Konzepte von Next.js. Von der Installation und Einrichtung deiner Entwicklungsumgebung über das Verständnis der Projektstruktur und -konventionen bis hin zu anspruchsvollen Themen wie Datenmanagement, Authentifizierung und Performance-Optimierung – bei uns lernst du alles, was du brauchst, um deine eigenen hochperformanten Anwendungen zu entwickeln. Zusätzlich erhältst du Einblicke in UI-Entwicklung, Sicherheitspraktiken und Deployment-Strategien. Egal, ob du neu in der Welt von React und Next.js bist oder deine Kenntnisse vertiefen möchtest, dieser Workshop bereitet dich darauf vor, mit Vertrauen zu entwickeln und zu deployen. Lass uns gemeinsam die Möglichkeiten von Next.js entdecken und die Zukunft des Web Developments gestalten!