Next.js - moderne Web-Apps effizient entwickeln
Das leistungsstarke React-Framework für performante & SEO-optimierte Webanwendungen
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.
Software Know-How für deinen Erfolg!
- Wöchentlich interaktive und exlusive Online Live-Events
- Step-by-Step Tutorials zu aktuellen Themengebieten
- Aktuelles Kursangebot, kuratiert von unseren Experten
- Über 12.000 Fachartikel und umfangreiches Magazinarchiv
- 3x 100€ Rabatt pro Jahr auf Konferenzen und Trainings by entwickler.de
- 6 Monate Zugriff auf Ihre Konferenzsession inklusive
- ...mehr erfahren
Software Know-How für deinen Erfolg!
- Wöchentlich interaktive und exlusive Online Live-Events
- Step-by-Step Tutorials zu aktuellen Themengebieten
- Aktuelles Kursangebot, kuratiert von unseren Experten
- 6 Monate Zugriff auf Ihre Konferenzsession inklusive
- Über 12.000 Fachartikel und umfangreiches Magazinarchiv
- Bis zu 900 € Rabatt pro Jahr auf Konferenzen und Trainings by entwickler.de
- ...mehr erfahren
Fullstack-Abo für mehr als 15 Nutzern
Wir begleiten Sie durch die digitale Transformation zum Projekterfolg
- Wöchentlich interaktive und exlusive Online Live-Events
- Step-by-Step Tutorials zu aktuellen Themengebieten
- Aktuelles Kursangebot, kuratiert von unseren Experten
- 6 Monate Zugriff auf Ihre Konferenzsession inklusive
- Über 12.000 Fachartikel und umfangreiches Magazinarchiv
- Bis zu 25% Rabatt auf jede Konferenz und Trainingsteilnahme by entwickler.de
- Team Control Center zur Organisation Ihrer Nutzer:innen
- Teamfortschrittanzeige zur Motivation Ihrer Teams
- ...mehr erfahren
Fullstack-Abo abschließen und teilnehmen
*zzgl. MwSt.
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.