Zurück zum Programm

14.11.2023 - 09:00 Uhr

Workshop: Hybride React-Applikationen mit Next.js

Next.js bringt Client und Serv­er näher zusam­men und ergänzt React um einige sehr wertvolle Fea­tures. Mit Next.js kön­nen Sie voll­w­er­tige App­lika­tio­nen aus ein­er Hand entwick­eln, da es sowohl die Client- als auch die Ser­ver­seite abdeckt. Mit dieser Kom­bi­na­tion kön­nen Sie sehr schnell entwick­eln, sind jedoch nicht auf das beschränkt, was Ihnen Next.js bietet. So haben Sie client­seit­ig die volle Flex­i­bil­ität, die Ihnen React bietet, und kön­nen ser­ver­seit­ig auf den gesamten Funk­tion­sum­fang von Node.js zurückgreifen.

In diesem Work­shop entwick­eln wir gemein­sam eine voll­w­er­tige App­lika­tion mit Front- und Back­end und behan­deln dabei zahlre­iche Anforderun­gen, die Sie auch an eine reale App­lika­tion stellen wie beispiel­sweise Authen­tifizierung, Daten­ma­nip­u­la­tion und die Inte­gra­tion ein­er Kom­po­nen­ten­bib­lio­thek. Sie ler­nen jedoch auch Next.js-spezifische Lösun­gen wie Serv­er Side Ren­der­ing, Sta­t­ic Site Gen­er­a­tion und Serv­er Com­po­nents und ihre jew­eili­gen Ein­satzge­bi­ete kennen.

Am Ende dieses Work­shops ver­fü­gen Sie über Ihre eigene Next.js-Applikation und wis­sen, wie Sie diese ein­set­zen und erweit­ern kön­nen, sodass dem pro­duk­tiv­en Ein­satz des Frame­works nichts mehr im Wege steht.

Lernziele

  • Setup einer Next.js-Applikation
  • Aufbau und Architektur einer Next.js-Applikation
  • Implementierung einer serverseitig persistierten CRUD-Applikation
  • Routing in der Applikation
  • API-Endpunkte in Next.js
  • SSR und SSG
  • Server Components vs. Client Components

Niveau

Expertenniveau

Vorkenntnisse

Die Teilnehmenden sollten über grundlegende Erfahrung im Umgang mit React verfügen.
Sebastian Springer
Sebastian Springer
MaibornWolff GmbH
X: @basti_springer
Sebastian Springer arbeitet bei MaibornWolff in München und beschäftigt sich vor allem mit den verschiedenen Aspekten von client- und serverseitigem JavaScript. Sein Fokus liegt auf der Fragestellung, wie man die Welt mit Webtechnologien verbessern kann. Von JavaScript in Fahrzeugen und anderen Alltagsgegenständen bis hin zur Umsetzung von umfangreichen Enterprise Plattformen findet sich die Scriptsprache mittlerweile in allen Lebensbereichen wieder. Dadurch stellt sich die Frage, wie sich die Architekturen, Codequalität und auch die Entwicklungswerkzeuge weiterentwickeln, um mit diesen Anforderungen standhalten zu können. Sebastian geht diesen Fragestellungen auf den Grund und vermittelt sein Wissen als Berater, Trainer und Autor an WebentwicklerInnen weiter.