Zum Inhalt springen
Schulung · NUXT

Nuxt 4 Schulung: Vue.js-Apps produktiv entwickeln

Baue Nuxt-4-Anwendungen mit SSR, Routing, Daten-Fetching, TypeScript und API-Routes

  • Nuxt-4-Projektstruktur sicher nutzen
  • SSR und Routing produktionsnah umsetzen
  • Daten-Fetching mit TypeScript
  • 3 Tage
  • Grundlagen
  • Online
Nuxt 4 Schulung: Vue.js-Apps produktiv entwickeln
  • Zufriedenheitsgarantie Risikofrei für dich
  • Online Live per Videokonferenz
  • max. 8 Teilnehmerinnen und Teilnehmer pro Gruppe
  • Keine Vorkasse Rechnung nach dem Seminar
Ergebnis

Das nimmst du mit

  • Nuxt-4-Projektstruktur sicher nutzen
  • SSR und Routing produktionsnah umsetzen
  • Daten-Fetching mit TypeScript
  • API-Routes und Auth-Grundlagen
  • Deployment und Performance-Tuning
Für wen

Passt das zu dir?

Damit du den Tag wirklich mitnimmst, lohnt sich ein kurzer Abgleich.

Richtig für dich, wenn

  • Frontend-Entwicklerinnen und Frontend-Entwickler mit Vue.js-Erfahrung
  • Webentwicklerinnen und Webentwickler für SSR-Projekte
  • Fullstack-Entwicklerinnen und Fullstack-Entwickler mit TypeScript-Schwerpunkt
  • Software-Teams mit Vue-Anwendungen im Deployment

Das bringst du mit

  • Sichere JavaScript- oder TypeScript-Grundlagen
  • Erfahrung mit Vue 3 und Composition API
  • Grundkenntnisse in HTML, CSS, npm und Git
  • Aktuelle Node.js-Umgebung, idealerweise aktive LTS-Version
  • Vorbereitung bei Bedarf über den TypeScript Grundkurs
Ablauf

Dein Lernweg

  1. Tag 1: Nuxt-4-Fundament und Routing

    Der erste Tag legt die technische Basis für eine Nuxt-4-Anwendung und führt in die Seitenarchitektur ein.

    • Projektstart mit Nuxt 4, TypeScript, app/-Verzeichnis und nuxt.config.ts
    • Auto-Imports, Module, Plugins und Runtime-Config
    • Dateibasiertes Routing mit dynamischen und verschachtelten Routen
    • Layouts, Middleware, Fehlerseiten und Navigationsverhalten
  2. Tag 2: SSR, Daten-Fetching und State

    Der zweite Tag behandelt serverseitiges Rendering und Datenflüsse in Nuxt-Anwendungen.

    • SSR, statische Vorberechnung und clientseitige Bereiche
    • Hydration-Fehler im Server- und Browser-Kontext
    • Daten-Fetching mit useFetch, useAsyncData und $fetch
    • Fehlerbehandlung, Refresh-Strategien, TypeScript-Modelle und Pinia
  3. Tag 3: API-Routes, Auth und Deployment

    Der dritte Tag führt Nuxt-Fullstack-Patterns mit Deployment- und Performance-Fragen zusammen.

    • Server-Routes, Nitro-Event-Handler und typisierte Responses
    • Request-Validierung, Cookies, Sessions und geschützte Routen
    • Build, Preview, Nitro-Presets und Runtime-Config
    • Lazy Loading, Code-Splitting, Images und Web-Vitals-Checks
So läuft es ab

Klarheit von Anfang an

Format, Ablauf und alles, was schon enthalten ist. Keine Überraschungen, nur Fokus auf dein Ergebnis.

Format
  • Live-OnlineInteraktiv per Videokonferenz, von überall
Zeiten
  • Montag09:00 bis 16:00 Uhr
Dauer

3 Tage

Kompakt aufgebaut, damit du schnell ins Tun kommst.

Gruppengröße

max. 8

Kleine Gruppe, damit genug Raum für deine Fragen bleibt.

Methodik

Das Training kombiniert prägnante Architektur-Inputs mit Live-Coding und betreuten Übungen an einem durchgängigen Nuxt-4-Projekt. Die Teilnehmerinnen und Teilnehmer arbeiten an typischen Aufgaben aus Team-Projekten und besprechen Architekturentscheidungen direkt am Code.

  • Live-Coding mit nachvollziehbaren Commit-Schritten
  • Praxisübungen zu Routing, SSR, API-Routes und Deployment
  • Code-Reviews für typische Nuxt-Patterns
  • Diskussion von Projektstrukturen aus realen Vue-Teams

Das ist immer dabei

  • Ausführliche Schulungsunterlagen und Praxisbeispiele
  • Teilnahmezertifikat
  • Übungsumgebungen und Beispieldaten
  • Nachbetreuung per E-Mail nach dem Seminar
04 Termine

Sichere dir deinen Platz

Wähle den Termin, der zu dir passt. Online live dabei oder vor Ort, ganz wie es für dich passt.

  • 07. Dezember 2026 bis 09. Dezember 2026 Live-Online
    Preis auf Anfrage
    Platz sichern
  • 08. März 2027 bis 10. März 2027 Live-Online
    Preis auf Anfrage
    Platz sichern
  • 07. Juni 2027 bis 09. Juni 2027 Live-Online
    Preis auf Anfrage
    Platz sichern
  • 26. Juli 2027 bis 28. Juli 2027 Live-Online
    Preis auf Anfrage
    Platz sichern
  • Erfahrene IT-Trainer aus der Praxis
  • Keine Vorkasse, Rechnung nach dem Seminar
  • Kostenfreie Umbuchung bis 14 Tage vor Start
Für Teams und Unternehmen

Lieber das ganze Team?

Bring dieses Seminar zu euch ins Haus oder lass uns ein Programm bauen, das genau auf euer Unternehmen passt.

Firmen-Seminar

Ein individuelles Programm, das wir auf eure Ziele zuschneiden.

  • Frei kombinierbare Module aus unserem Themenkatalog
  • Skalierbar von der Kleingruppe bis zur ganzen Belegschaft
  • Begleitung über mehrere Termine hinweg möglich
Persönlich für dich da

Deine IT-Schulungen München-Expertinnen und -Experten

Du hast Fragen zu Inhalten, Terminen oder einer passenden Lösung für dein Team? Wir beraten dich gern, bevor du buchst. Direkt, ohne Umwege.

Antwort in der Regel am selben Werktag

Dein cmt-Team München

Beratung zu IT-Weiterbildung

Fragen und Antworten zu Nuxt 4 Schulung: Vue.js-Apps produktiv entwickeln

Für wen eignet sich die Nuxt 4 Schulung?

Die Schulung eignet sich für Entwicklerinnen und Entwickler mit Vue.js-Erfahrung, die Nuxt 4 für SSR, Routing, Daten-Fetching und Fullstack-Patterns einsetzen möchten. Besonders passend ist sie für Teams, die Vue-Anwendungen strukturiert entwickeln, testen und deployen.

Ist die Nuxt Schulung deutschsprachig?

Ja, die Nuxt 4 Schulung wird auf Deutsch durchgeführt. Fachbegriffe wie Server-Side Rendering, Hydration, API-Routes und Runtime-Config werden direkt im Nuxt-Kontext erklärt und im Code angewendet.

Wie viel Vue.js-Erfahrung ist erforderlich?

Erfahrung mit Vue 3 und der Composition API wird vorausgesetzt. Wer Vue, Routing oder State Management vorher vertiefen möchte, findet im Vue.js Aufbaukurs eine sinnvolle Vorbereitung.

Wird Server-Side Rendering praktisch umgesetzt?

Ja. Du arbeitest mit SSR, statischer Vorberechnung und clientseitigen Bereichen, analysierst Hydration-Fehler und setzt SEO-relevante Meta-Daten in einer Nuxt-4-Anwendung um. Die Übungen zeigen typische Entscheidungen aus produktiven Vue.js-Projekten.

Welche Rolle spielt TypeScript in der Schulung?

TypeScript wird für Komponenten, Datenmodelle, API-Antworten und Server-Routes genutzt. Falls TypeScript-Grundlagen fehlen, ist der TypeScript Grundkurs als Vorbereitung geeignet.

Werden API-Routes und Auth-Themen behandelt?

Ja, du erstellst Server-Routes mit Nitro, validierst Request-Daten und behandelst Cookies, Sessions sowie geschützte Routen. Für eine anschließende Vertiefung der Backend-Sicherheit passt das Seminar Sichere Anwendungen mit Node.js.

Brauche ich eigene Lizenzen oder ein Notebook?

Für die Schulung brauchst du keine eigenen Software-Lizenzen. Falls eine vorbereitete Umgebung oder Geräte erforderlich sind, werden sie für die Übungen bereitgestellt.

Bereit?

Bring dein Team mit Nuxt 4 Schulung: Vue.js-Apps produktiv entwickeln weiter

Wir beraten dich unverbindlich zur passenden Schulungsform: offenes Seminar, Inhouse oder individuell zugeschnitten.

Nuxt 4 Schulung: Vue.js-Apps produktiv...

Nächster Termin: 07. Dezember 2026 · Online

ab1.590 €netto