Next.js Anwendungsentwicklung - Kompaktkurs

Ziele der Schulung

In dieser 5-tägigen Schulung "Next.js Anwendungsentwicklung - Kompaktkurs" lernen Sie, wie Sie moderne Webanwendungen mit Next.js entwickeln. Wir erkunden die Unterschiede zwischen Next.js und React.js, die neuen Routing-Ansätze (App Router vs Pages Router) und die fortschrittlichen Features von Next.js. Die Schulung behandelt die Architektur von Next.js-Anwendungen, einschließlich Layouts, Seiten und API-Endpunkten, sowie moderne Rendering-Techniken wie statisches, dynamisches und Streaming-Rendering. Sie erhalten Einblicke in das effiziente Routing, Caching-Strategien und Optimierungsmöglichkeiten, einschließlich Bild- und Schriftoptimierung sowie Lazy Loading. Darüber hinaus werden Sie erfahren, wie Sie Next.js-Anwendungen mit CSS Modules, globalen Styles und Tailwind CSS stylen können.

Sie vertiefen Ihre Kenntnisse in der Entwicklung umfassender Webanwendungen mit Next.js, einschließlich der Integration von Datenbanken und serverseitiger Entwicklung. Dabei lernen Sie die Vorteile von ORMs wie Drizzle kennen und arbeiten mit PostgreSQL, um effiziente Datenbankabfragen und -mutationen durchzuführen. Zusätzlich befassen Sie sich mit erweiterten Funktionen wie Transactions, Batching und der automatischen Generierung von Zod-Schemata. Der Kurs schließt mit praxisorientierten Einheiten zur Authentifizierung, Sitzungsverwaltung und Autorisierung ab, sodass Sie in der Lage sind, eine vollständige Fullstack-Anwendung zu entwickeln.

Zielgruppe Seminar

• Webentwickler

Voraussetzungen

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

• Grundkenntnisse in Webentwicklung (HTML, CSS, JavaScript, TypeScript)
• Grundkenntnisse in React.js
• Grundkenntnisse in Node.js
• Grundkenntnisse in SQL Datenbanken (bestenfalls PostgreSQL)

Seminarinhalt

Übersicht und Architektur

• Next.js vs React.js
• App Router vs Pages Router
• Features von Next.js

Architektur

• Layouts
• Ladeverhalten
• API Endpoints
• Templates
• Routing Konventionen

Routing

• Erstellen von Routen
• Links und Navigation
• Error Handling
• Streaming
• Route Gruppen
• Middleware

Rendering

• Statisches Rendering
• Dynamisches Rendering
• Streaming

Caching

• Data Cache
• Full Route Cache
• Client-side Router Cache

Styling

• CSS Modules
• Globale Styles
• Tailwind CSS

Optimizing

• Images
• Fonts
• Metadata
• Lazy Loading

Grundlagen ORM

• Vorteile von ORMs
• Vorteile von Drizzle gegenüber anderen ORMs
• Was ist PostgreSQL?
• Schemas
• Spalten Typen
• Constraints
• Migrations

Queries

• One-to-one
• One-to-many
• Many-to-many
• Find many
• Find first
• Datenbank Funktionen
• Aggregations

Mutations

• Inserts
• Updates
• Deletes

Erweiterte Funktionalitäten

• Automatische Zod Schema Generierung
• Transactions
• Batching
• Custom Types

Auth

• Authentication
• Session Management
• Authorization

Open Badge für dieses Seminar - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erhalten Sie zusätzlich zu Ihrem Teilnehmerzertifikat ein digitales Open Badge (Zertifikat) – Ihren modernen Nachweis für erworbene Kompetenzen.

Ihr Open Badge ist jederzeit in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com-Konto verfügbar. Mit wenigen Klicks können Sie diesen digitalen Nachweis in sozialen Netzwerken teilen, um Ihre Expertise sichtbar zu machen und Ihr berufliches Profil gezielt zu stärken.

Übersicht: Next.js Schulungen Portfolio

Mehr zu den Vorteilen von Badges

Seminare kurz vor der Durchführung