Workshop: Moderne Fullstack-Anwendungen mit React - Ein praktischer Deep Dive in Next.js

Das React-Team empfiehlt für neue React-Anwendungen die Verwendung eines Fullstack-Frameworks, insbesondere Next.js. Next.js entspricht der "Fullstack-Architektur-Vision" von React und unterstützt React Server Components (RSC), die auf dem Server gerendert werden und effiziente Strategien für Datafetching und Caching ermöglichen. In Verbindung mit modernen React 19 Features wie Suspense, Transitions und Server Functions sollen Anwendungen entstehen, die ganz einfach zu entwickeln sind, gleichzeitig aber auch höchste Ansprüche an Performance und Usability erfüllen.

In diesem Workshop zeige ich euch, wie ihr React Fullstack-Anwendungen mit Next.js baut. Dazu entwickeln wir gemeinsam Schritt-für-Schritt eine Anwendung, in der wir typische Anforderungen an Webanwendungen umsetzen. So bekommt ihr einen praktischen Eindruck, was die Entwicklung von Fullstack-Anwendungen ausmacht, worin sich der Code gegenüber Single-Page-Anwendungen unterscheidet und könnt die Frage beantworten, ob Next.js für eure Projekte die richtige Wahl ist.

Um an den Übungen teilnehmen zu können, solltest du bereits über React Grundlagen verfügen.