Next.js - moderne Web-Apps effizient entwickeln
Das leistungsstarke React-Framework für performante & SEO-optimierte Webanwendungen
Jede Woche eine neue Lektion
Nächste Lektion in
Tagen
Stunden
Minuten
Sekunden
Erweitere dein Toolkit mit Next.js
| In diesem Videotutorial tauchst du tief in die Welt von Next.js ein und lernst, wie das Framework innovative Lösungen für gängige Problemstellungen in der Webentwicklung bietet. Als Entwickler mit Grundkenntnissen in React und Webarchitekturen wirst du die Vorzüge von Next.js hinsichtlich der Developer Experience, Performance und SEO erkunden. Anhand der Implementierung von Schlüsselfunktionen für einen interaktiven Webshop, einschließlich einer Produktliste, Detailansichten und Warenkorbfunktionen lernst du die Features und Vorteile des Frameworks kennen. Während du die Funktionalität von Next.js in Aktion erlebst, siehst du auch, wie Next.js Client- und Serverseiten näher zusammenbringt, um leistungsstarke Anwendungen zu schaffen. Dieses Tutorial kombiniert formelle Informationen mit praktischen Beispielen und ermöglicht es dir, die Konzepte nachzuvollziehen und diese als Ausgangspunkt für deine eigenen Projekte zu nutzen. Begleite uns auf dieser fesselnden Reise und erweitere dein Entwickler-Toolkit um die vielfältigen Möglichkeiten von Next.js. |
Optimaler Einstieg
Individuelle Meilensteine
Praxisnahes Expertenwissen
Diese Themen erwarten dich im Tutorial
Einstieg in Next.js
- Was ist Next.js?
- Installation des Frameworks
- Ausführen der Applikation
- Grundlegende Struktur
- React Server Components in Next.js
- Client Components implementieren
- Konfiguration von Next.js
Routing und Navigation
- Next.js-Pages
- Layouts
- Fehlerhandling
- Loading-State
- Statische Routen
- Dynamische Routen
- Parametrisierte Routen und Query Strings
Rendern und Datenmanagement
- Static und dynamic Rendering
- Dynamische Routen statisch rendern
- Serverseitiges Data Fetching in Server Components
- Clientseitiges Data Fetching
- Streaming
- Server Actions
Erweiterte Konzepte und Bereitstellung
- Inline Styling
- CSS-Modules
- Tailwind
- Font- und Bildoptimierungen
- Deployment einer Next.js-Applikation
- Implementierung von API-Routen
- Integration in die Applikation
Qualität uns Sicherheit in einer Next.js-Applikation
- Einrichten der Testumgebung
- Einfache Komponenten testen
- Asynchrone Komponenten Testen
- Einrichten der Authentifizierung
- Konfiguration von Next-Auth
- Integration in die Applikation
Lerne gemeinsam mit unserem Experten
Sebastian Springer - MaibornWolff
Sebastian Springer ist JavaScript-Entwickler bei MaibornWolff in München und beschäftigt sich vor allem mit der Architektur von client- und serverseitigem JavaScript. Sebastian ist Berater und Dozent für JavaScript und vermittelt sein Wissen regelmäßig auf nationalen und internationalen Konferenzen.
So kannst du teilnehmen
Du hast bereits Fullstack?
Schnapp dir was zu schreiben und lehn dich zurück. Komme hier direkt zum Live-Event und profitiere vom wegweisenden Wissen unseres Experten.
Du hast noch kein Fullstack?
Fullstack-Abonnent:innen haben kostenlosen Zugriff auf das Live-Event. Zusätzlich haben Fullstack-Abonnent:innen für drei Monate Zugriff auf die Aufzeichnung des Live-Events.
Für Unternehmen mit mehr als 16 Lizenzen
Wir unterstützen Gewinner-Teams als Softwarelösung bei der digitalen Transformation mit einem einzigartigen Software Know-how Stream, indem wir deinem Team das Wissen und die Zuversicht vermitteln, die es für den Erfolg braucht.
Mit Elevate bieten wir dir und deinem Team jetzt den direkten Zugang zu Team Exzellenz.
Alle Inhalte im Überblick
BASIC
FULLSTACK
FULLSTACK TEAM
Fullstack Read
Fullstack Live-Events
Fullstack Tutorials
Add-ons: Bis zu 25 % Rabatt auf Konferenzen & Trainingsevents
Add-ons: Bis zu 25 % Rabatt auf Akademie Camps & FLEX Camps
Deine Features
Notizen
Sammlungen
AI-Suche AskFrank
Kuratierte Themenhighlights
Live Chat
Direkt Chat
Rabatte für Conferences, Training Events & Akademie Events
6 Monate Zugriff auf die Videoaufzeichnungen von deinen Conferences
Zertifikate für die Teilnahme an Conferences, Training Events & Akademie Events
Slides bei Teilnahme an Konferenzen und Akademie Events
Kein Administrationsaufwand
Account Manager für alle Fragen