React-Apps mit Next.js bauen

Workshop, 20. Juni 2023

Next.js bringt Client und Server näher zusammen und ergänzt React um einige sehr wertvolle Features. Man hat clientseitig die volle Flexibilität, die React bietet, und kann serverseitig auf den gesamten Funktionsumfang von Node.js zurückgreifen.

In diesem Workshop entwickeln wir gemeinsam eine vollwertige Applikation mit Front- und Backend und behandeln dabei zahlreiche Anforderungen, die man auch an eine reale Applikation stellt, beispielsweise Authentifizierung, Datenmanipulation und die Integration einer Komponentenbibliothek.

Teilnehmende lernen jedoch auch Next.js-spezifische Lösungen wie Server-Side Rendering, Static Site Generation und Server Components kennen.

Vorkenntnisse

• Die Teilnehmenden sollten über grundlegende Erfahrung im Umgang mit React verfügen.

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