Next.js - moderne Web-Apps effizient entwickeln

Das leistungsstarke React-Framework für performante & SEO-optimierte Webanwendungen

Next.js - moderne Web-Apps effizient entwickeln

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

Optimaler Einstieg

Individuelle Meilensteine

Individuelle Meilensteine

Praxisnahes Expertenwissen

Praxisnahes Expertenwissen

Diese Themen erwarten dich im Tutorial

  1. Was ist Next.js?
  2. Installation des Frameworks
  3. Ausführen der Applikation
  4. Grundlegende Struktur
  5. React Server Components in Next.js
  6. Client Components implementieren
  7. Konfiguration von Next.js
  1. Next.js-Pages
  2. Layouts
  3. Fehlerhandling
  4. Loading-State
  5. Statische Routen
  6. Dynamische Routen
  7. Parametrisierte Routen und Query Strings
  1. Static und dynamic Rendering
  2. Dynamische Routen statisch rendern
  3. Serverseitiges Data Fetching in Server Components
  4. Clientseitiges Data Fetching
  5. Streaming
  6. Server Actions
  1.  Inline Styling
  2. CSS-Modules
  3. Tailwind
  4. Font- und Bildoptimierungen
  5. Deployment einer Next.js-Applikation
  6. Implementierung von API-Routen
  7. Integration in die Applikation
  1. Einrichten der Testumgebung
  2. Einfache Komponenten testen
  3. Asynchrone Komponenten Testen
  4. Einrichten der Authentifizierung
  5. Konfiguration von Next-Auth
  6. 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. 

Fullstack
Experience

Einzel-Nutzer Lizenz

198,80 € / Jahr

Fullstack
Team

Für Teams mit 3-15 Nutzern

ab 358,80 € / Jahr

Fullstack
Company

Für Teams ab 16 Nutzern

Auf Anfrage

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

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

Summer Campus

Investiere in deine Zukunft und spare bis zum 21.07.2024 noch über 50 € auf dein Fullstack-Abo!