Das Seminar entwickelt eine vollständige Nuxt-Anwendung mit strukturierten Prismic-Inhalten und wiederverwendbaren Slices. Typisierte Abfragen, dynamische Routen, Preview, SEO, Cache-Aktualisierung, Tests und Deployment werden in einem durchgängigen Projekt verbunden.
Inhaltsübersicht
- Lernziele
- Seminarinhalte
- Praxisübungen
- Methodik
Lernziele
Prismic kann sauber in Nuxt integriert und bis zur Produktion betrieben werden. Datenzugriff, Slice-Rendering, Routing, Vorschau, Fehlerbehandlung und Auslieferung sind typisiert und nachvollziehbar aufgebaut.
Seminarinhalte
- Schritt 1: Nuxt-Projekt und Modul konfigurieren
TypeScript, Prismic-Modul, Repository-Werte, Laufzeitkonfiguration und Umgebungsvariablen werden eingerichtet.
- Schritt 2: Type Builder und Prismic CLI mit Nuxt verbinden
Modelle, Slices und Varianten werden visuell oder codeorientiert gepflegt; Komponenten und generierte Typen werden mit dem Projekt synchronisiert.
- Schritt 3: Content Client und Composables einsetzen
Zentrale Konfiguration und wiederverwendbare Abfragefunktionen verhindern verstreute API-Logik.
- Schritt 4: Dynamische Seiten laden
Dateibasiertes Routing, UID, Route-Auflösung, Locale und 404-Verhalten werden mit serverseitigem Datenzugriff verbunden.
- Schritt 5: Slices rendern und variieren
SliceZone, Komponentenauflösung, Varianten und optionale Felder werden robust umgesetzt.
- Schritt 6: Navigation und interne Links bauen
Globale Inhalte, Content Relationships, Link Resolver und aktive Navigationszustände werden typisiert ausgegeben.
- Schritt 7: Preview und Entwürfe integrieren
Preview-Endpunkt, Sitzung, Toolbar und Rückkehr zur veröffentlichten Seite werden eingerichtet und getestet.
- Schritt 8: SEO, Bilder und Rich Text ausgeben
Head-Metadaten, kanonische URLs, Social-Daten, responsive Bilder und eigene Rich-Text-Komponenten werden umgesetzt.
- Schritt 9: Caching und Aktualisierung abstimmen
Server Rendering, statische Erzeugung, Nitro-Cache und Webhook-basierte Revalidierung werden passend zum Projekt gewählt.
- Schritt 10: Fehler und Schemaänderungen behandeln
Fehlende Dokumente, ungültige Beziehungen, leere Felder und inkompatible Modelle erhalten klare Fehlerpfade.
- Schritt 11: Tests und Deployment abschließen
Komponenten-, Integrations- und Build-Prüfungen sowie Preview- und Produktionsdeployment werden eingerichtet.
Praxisübungen
- Ein Nuxt-Projekt mit Prismic-Modul, Type Builder und Prismic CLI verbinden
- Dynamische Seiten und Slice-Varianten implementieren
- Navigation, Preview und lokalisierte Routen einrichten
- SEO, Bilder, Rich Text und Fehlerzustände umsetzen
- Cache-Aktualisierung, Tests und Deployment konfigurieren
Methodik
Ein Nuxt-Referenzprojekt wird in klaren Ausbaustufen entwickelt. Typisierung, Vorschau und Fehlerbehandlung werden nicht nachträglich ergänzt, sondern von Beginn an mitgeführt.
Fachbereichsleiter / Leiter der Trainer / Ihre Ansprechpartner
-
Lucas Beich
Telefon: + 49 (221) 74740055
E-Mail: lucas.beich@seminar-experts.de -
Paul Goldschmidt
Telefon: + 49 (221) 74740055
E-Mail: paul.goldschmidt@seminar-experts.de
Seminardetails
| Dauer: | 3 Tage ca. 6 h/Tag, Beginn 1. Tag: 10:00 Uhr, weitere Tage: 09:00 Uhr |
| Preis: |
Öffentlich oder Live Stream: € 1.797 zzgl. MwSt. Inhaus: € 5.100 zzgl. MwSt. |
| Teilnehmeranzahl: | min. 2 - max. 8 |
| Teilnehmer: | Nuxt- und Vue-Entwickler, Frontend- und Full-Stack-Entwickler sowie technische Architekten |
| Voraussetzungen: | Sichere Kenntnisse in Vue, Nuxt, TypeScript, Routing und Composition API |
| Standorte: | Stream Live, Inhaus/Firmenseminar, Berlin, Bremen, Darmstadt, Dresden, Erfurt, Essen, Flensburg, Frankfurt, Freiburg, Friedrichshafen, Hamburg, Hamm, Hannover, Jena, Kassel, Köln, Konstanz, Leipzig, Luxemburg, Magdeburg, Mainz, München, Münster, Nürnberg, Paderborn, Potsdam, Regensburg, Rostock, Stuttgart, Trier, Ulm, Wuppertal, Würzburg |
| Methoden: | Vortrag, Demonstrationen, praktische Übungen am System |
| Seminararten: | Öffentlich, Webinar, Inhaus, Workshop - Alle Seminare mit Trainer vor Ort, Webinar nur wenn ausdrücklich gewünscht |
| Durchführungsgarantie: | ja, ab 2 Teilnehmern |
| Sprache: | Deutsch - bei Firmenseminaren ist auch Englisch möglich |
| Seminarunterlage: | Dokumentation auf Datenträger oder als Download |
| Teilnahmezertifikat: | ja, selbstverständlich |
| Verpflegung: | Kalt- / Warmgetränke, Mittagessen (wahlweise vegetarisch) |
| Support: | 3 Anrufe im Seminarpreis enthalten |
| Barrierefreier Zugang: | an den meisten Standorten verfügbar |
| Weitere Informationen unter + 49 (221) 74740055 |
Seminartermine
Die Ergebnissliste kann durch Anklicken der Überschrift neu sortiert werden.
