Agentische Webentwicklung mit React und Next.js

React- und Next.js-Projekte ändern sich schnell, und Coding Agents halten mit, wenn sie gut geführt werden. In diesem eintägigen Workshop bauen Sie ein Feature mit Agents über Routing, Server und Client Components, Datenzugriff und Tests. Sie nehmen Prompts, Regeln und Review-Gewohnheiten mit, die Tempo und Qualität zusammenbringen.

Unverbindlich anfragen

English version

Dauer
1 Tag
Level
Fortgeschritten
Format
Remote oder vor Ort, Deutsch oder Englisch
Gruppengröße
Bis zu 12 Teilnehmende pro Trainer

Für wen der Workshop ist

  • React- und Next.js-Entwickler
  • Tech Leads für Frontend und Full-Stack
  • Teams beim Umstieg auf den App Router
  • Agenturen, die Webprodukte bauen

Was Ihr Team danach kann

  • Einem Coding Agent den nötigen Kontext zu Ihren Next.js-Konventionen geben
  • Features mit Agent-Hilfe in Server und Client Components aufteilen
  • Datenabruf, Formulare und API-Routen mit typisierter Validierung umsetzen
  • Komponenten- und End-to-End-Tests mit Agents schreiben
  • Agent-Code auf Sicherheits-, Caching- und Performance-Fallen prüfen

Agenda

  1. Kontext und RegelnProjektregeln zu Routing, Komponenten, Styling und Datenzugriff halten die Agents konsistent.
  2. Ein Feature bauenSie planen und implementieren eine Seite mit Server und Client Components, Datenabruf und Formularen.
  3. Validierung und SicherheitSie ergänzen Eingabevalidierung und Autorisierungsprüfungen und erkennen, wo Agents sie gern auslassen.
  4. TestsSie erstellen Komponenten- und Browser-Tests und entscheiden, welches Risiko welchen Testtyp braucht.
  5. Review und AuslieferungSie prüfen einen vom Agent erzeugten Pull Request und machen ihn bereit für das Deployment.

Voraussetzungen

  • Praktische Erfahrung mit React und TypeScript
  • Laptop mit Node.js und einem Beispiel- oder Kundenprojekt

Warum Workshops von apprat.io

  • Geleitet von praktizierenden AI Code Engineers
  • Mit Ihren Repositories oder einem Sandbox-Projekt
  • KI-Tempo, menschliche Verantwortung: Review, Sicherheit und Governance inklusive
  • Zertifizierte Prozesse nach ISO 9001 & ISO/IEC 27001
  • Follow-up-Sprechstunde nach 30 Tagen

Unverbindlich anfragen

Erzählen Sie uns von Ihrem Team und Ihren Zielen. Sie erhalten innerhalb eines Werktags eine passende Agenda und ein Angebot – kostenlos und unverbindlich.

24/7-Telefonsupport auf Deutsch & Englisch:
+49 761 519 751 50

Häufige Fragen

Müssen wir den App Router nutzen?

Nein. Wir behandeln den App Router ausführlich und gehen bei Bedarf auf Besonderheiten des Pages Routers ein.

Welche Hosting-Plattform wird vorausgesetzt?

Keine. Der Ablauf ist unabhängig davon, wo Sie deployen.

Können wir unser eigenes Design System verwenden?

Ja, mit Ihrer Komponentenbibliothek werden die Übungen realistischer.

Mit * markierte Felder sind Pflichtfelder.