ReactJs & NextJs Kompaktkurs: Full-Stack-Webentwicklung im Unternehmen

React & Next.js Kompakt

Vor Ort / Online (Weltweit)
Deutsch/Englisch/Französisch

Dieser Kompaktkurs bringt Entwickler\*innen von React-Grundlagen bis zu einer vollständigen Next.js-Full-Stack-Anwendung in drei Tagen. React als UI-Bibliothek und Next.js als Full-Stack-Framework werden nicht getrennt, sondern als zusammenhängendes Ökosystem vermittelt. Der Fokus liegt auf der schnellen Transferleistung: eigene Projekte, keine Tutorial-Apps.

2 Tage
Bundeswehr
Mercedes Benz
DB Bahn
T-Systems
Polizei
ReactJs & NextJs Kompaktkurs: Full-Stack-Webentwicklung im Unternehmen training

Ziele

Sie erwerben das Wissen, um React- und Next.js-Anwendungen gemeinsam entwickeln zu können. Sie lernen, wie Komponenten mit TypeScript typsicher gebaut werden, wie Next.js-App-Router und Server Components die Backend-Integration vereinfachen und wie eine produktionsreife Anwendung von Setup bis Deployment entsteht.

Behandelte Themen

Die Module im Überblick

Modul 1: React-Fundament in Kurzform

  • Vite + React + TypeScript: Projektsetup
  • Komponenten, Props und TypeScript-Typisierung
  • useState, useEffect und Custom Hooks
  • Komponentenkomposition und Architekturprinzipien

Modul 2: Zustand und Datenfetching in React

  • Context API für einfachen globalen State
  • TanStack Query: useQuery und useMutation
  • Formulare mit React Hook Form und Zod-Validierung
  • Error Boundaries und Suspense für Ladezustände

Modul 3: Next.js App Router einrichten

  • create-next-app und App-Router-Projektstruktur
  • file-based Routing: pages, layouts und Segmente
  • Server Components vs. Client Components
  • Link, useRouter und Navigation

Modul 4: Daten und Rendering in Next.js

  • Datenabruf in Server Components
  • Rendering-Strategien: SSR, SSG und ISR
  • API-Routes: GET und POST in route.ts
  • Server Actions für Formulare ohne API-Endpoint

Modul 5: Authentifizierung und Deployment

  • Auth.js: einfache Session-basierte Auth einrichten
  • Geschützte Routen mit Middleware
  • next/image und Metadata-API für SEO
  • Deployment auf Vercel und Docker

Modul 6: Abschlussprojekt und Ausblick

  • Full-Stack-Anwendung mit React + Next.js + Datenbankanbindung
  • GitHub Copilot in React/Next.js-Projekten einsetzen
  • Weiterführende Pfade: React Fortgeschrittene und Next.js Fortgeschrittene
  • Produktions-Checkliste für das eigene Projekt
LERNEN SIE VON EXPERTEN

Kodschul-Trainer & Team

Lernen Sie von Experten - erfahrene Fachleute mit praktischem Know-how

Erfahrene Trainer mit praktischer Technik-Erfahrung

Über 3000 Fachkräfte in zwei Jahren geschult

Praxisnahe Expertise und tiefes Branchenwissen

Wirkungsvolles Lernen mit realen Anwendungen

Über 300+ Projekte gemeinsam abgeschlossen

Jannik Zinkl

Experte für IT & KI, Trainer

Adam T.

Experte für IT & KI, Trainer

Franz Nkemaka

Experte für IT & KI, Trainer, CEO

Raffael H.

Experte für IT & KI, Trainer

Erik H.

Experte für IT & KI, Trainer

Patrik Garten

Experte für IT & KI, Trainer

Joelle Keim

Joelle Keim

Key Account Manager

Selina Schmid

Selina Schmid

Seminar Manager

Elisa Saleh

Elisa Saleh

Back Office

Lars Gerigk

Lars Gerigk

Portfolio Manager

Axel Kamga

Axel Kamga

Trainer & Vertrieb

Sebastian Carnal

Sebastian Carnal

HR & People

So läuft das Training ab

Unsere Schulungen sind 100% hands-on, mit einem praktischen Anteil von 70% und 30% Theorie. Sie finden vor Ort, bei uns oder online (auf allen gängigen Plattformen) statt. Zusätzlich erhalten die Teilnehmenden kostenfrei Hands-outs und Unterlagen, die sie zur Vertiefung und weiteren Anwendung nutzen können.

Grundlagen

Grundlagen

Zu Beginn sorgen wir dafür, dass alle Teilnehmenden auf denselben Wissensstand gebracht werden, unabhängig von ihrem Ausgangsniveau. So wird jeder optimal auf die weiteren Themen vorbereitet, und niemand bleibt zurück.

Durchführung

Durchführung

Wir starten mit einer Einführung in das Thema, gefolgt von Demos und praxisnahen Beispielen. Anschließend üben die Teilnehmenden eigenständig, während der Trainer individuelles Feedback gibt und bei Bedarf Korrekturen vornimmt.

Anwendungsfälle

Anwendungsfälle

Das Gelernte wird auf konkrete Anwendungsfälle der Teilnehmenden angewendet. In einer praxisorientierten Session erarbeiten wir gemeinsam Lösungen, die den Teilnehmern helfen, das Wissen direkt in ihren Arbeitsalltag zu integrieren.

UNSERE HÄUFIGE FRAGEN

Am häufigsten gestellte Fragen

Für wen ist dieser Kurs konzipiert?

+
Unsere Kurse sind für alle Arten von Personen konzipiert. Kontaktieren Sie uns einfach, und wir bieten Ihnen eine individuelle Lösung an.

Wie kann ich mich für den Kurs anmelden?

+
Zur Anmeldung rufen Sie uns einfach an oder senden Sie uns eine E-Mail. Wir führen Sie durch den Registrierungsprozess und beantworten alle Fragen, die Sie möglicherweise haben.

Wie hoch sind die Kosten für den Kurs?

+
Die Kursgebühren sind auf unserer Website aufgeführt, aber wir glauben, dass Preise niemanden vom Lernen abhalten sollten. Unser Ziel ist es, so viele Entwickler wie möglich zu unterrichten. Bitte rufen Sie uns an, um über die Preisoptionen zu sprechen.

Brauche ich Vorkenntnisse zum Thema des Kurses?

+
Es sind keine Vorkenntnisse zum spezifischen Thema erforderlich. Der Kurs ist so gestaltet, dass er sowohl Anfängern als auch Personen mit etwas Erfahrung gerecht wird. Er deckt die Grundlagen ab und bietet praktische Einblicke.

Werde ich das Gelernte in diesem Kurs anwenden können?

+
Ja, am Ende des Kurses werden Sie über die Fähigkeiten und das Wissen verfügen, um das Gelernte effektiv anzuwenden. Der Kurs enthält praktische Übungen und Beispiele, um sicherzustellen, dass Sie Ihr Wissen umsetzen können.

Welche Software oder Tools benötige ich für den Kurs?

+
Der Kurs könnte spezifische Software oder Tools erfordern. Detaillierte Anforderungen werden zu Beginn des Kurses bereitgestellt, zusammen mit Anleitungen zur Installation und Einrichtung.
Nehmen Sie Kontakt auf

Lassen Sie uns über Ihr nächstes Training sprechen.

Unser Team steht Ihnen rund um die Uhr zur Verfügung und freut sich auf Ihre Anfrage. Einfach anrufen oder eine Nachricht hinterlassen – wir kümmern uns schnellstmöglich um Ihre Anfrage, ob es um eine Schulung, einen Vortrag oder eine Präsentation geht. Jetzt loslegen!

Joelle Keim

Joelle Keim

Key Account Manager

React Next.js Kompaktkurs Schulung | Kodschul