Bitte wählen Sie die Bereiche, die Sie exportieren möchten:
Schulung Svelte 5 und SvelteKit für KI-Anwendungen mit Vercel AI SDK 5
LLM-getriebene Web-Anwendungen mit SvelteKit 2
Schulungsformen
Offene Schulung
- 3 Tage
- 5 gesicherte Termine
- Köln / Online
- 2.030,00 p. P. zzgl. MwSt.
- Dritter Mitarbeitende kostenfrei
- Learning & Networking in einem. Garantierte Durchführung ab 1 Teilnehmenden.
Inhouse-/Firmenschulung
- 3 Tage - anpassbar
- Termin nach Wunsch
- In Ihrem Hause oder bei der GFU
- Preis nach Angebot
- Lernumgebung in der Cloud
- Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
Individualschulung
- 3 Tage - anpassbar
- Termin nach Wunsch
- In Ihrem Hause oder bei der GFU
- Preis nach Angebot
- Lernumgebung in der Cloud
- 1 Teilnehmender = Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
Beschreibung
Svelte ist 2026 die naheliegende Wahl für KI-getriebene Marketing-Anwendungen, kompakte Chat-Werkstätten und Brand-Sites mit LLM-Anbindung - wegen kleiner Bundles, schneller Ladezeiten und der klaren Profi-Praxis. AI SDK 5 mit Runes-Anbindung passt nahtlos zu Svelte 5: typisierte Nachrichten-Teile als reaktive Strukturen, einfache Streaming-Anbindung, klare Tool-Definition.
Drei Praxis-Übungen (eine pro Tag) sichern den Lern-Erfolg ab: ein Streaming-Chat am Tag 1, Tools und Generative UI am Tag 2, ein eigener MCP-Server am Tag 3.
Noch mehr Webentwicklung Wissen erhalten Sie auch in unseren weiteren Webentwicklung Trainings.
Schulungsziel
Jede teilnehmende Person verlässt das Seminar mit einer Streaming-Chat-Anwendung in SvelteKit mit Multi-Provider aus Praxis-Übung Tag 1, einer erweiterten Anwendung mit Tools und Generative UI aus Praxis-Übung Tag 2, einer Anwendung mit eigenem MCP-Server und KI-Coding-Anbindung aus Praxis-Übung Tag 3, einem fundierten Verständnis der AI-SDK-5-Architektur mit first-class Svelte-Anbindung, einer praktischen Sicht auf Tool Calling, Generative UI und Agent Loops in der Svelte-Welt, einem Überblick über MCP-Anbindung über SvelteKit Server Routes, einer Profi-Sicht auf Kosten-Steuerung, Adapter-Auswahl, Sicherheit und Compliance.
Details
Inhalt
- Ziele und Erwartungen der Teilnehmenden
- Klärung individueller Lernziele und Erwartungen für ein praxisnahes und relevantes Seminar
- Tag 1: Svelte 5, SvelteKit und AI SDK 5 als KI-Stack
- 1. Markt-Lage 2026 für KI-Anwendungen mit Svelte
- KI-getriebene Web-Anwendungen als Wachstums-Feld 2026
- Typische Anwendungs-Fälle in der Svelte-Praxis: Marketing-Assistenten, Chat-Werkzeuge, kompakte Brand-Sites mit LLM, RAG-Anwendungen, KI-getriebene Demos
- Warum Svelte für KI-Anwendungen attraktiv ist: kleine Bundles, sehr hohe Performance, klare Runes-Reaktivität, niedrige Profi-Einstiegs-Hürde
- Vergleich zu Next.js + AI SDK (mehr US-Konzern-Standard) und Nuxt + AI SDK (DACH-Mittelstand-Standard)
- Kosten-Sicht: Token-Preise je Anbieter, Edge-Runtime-Vorteile
- 2. Svelte 5 mit Runes und SvelteKit 2 als KI-Stack
- Schnelle Auffrischung der wichtigsten Svelte-5-Konzepte
- Runes ($state, $derived, $effect) als zentrale Reaktivität
- Snippets als wiederverwendbare Markup-Fragmente
- Komponenten und Slots
- SvelteKit 2 mit File-Based Routing
- Server Routes als KI-API-Anbindung
- Adapter-Welt für Deployment (Vercel, Cloudflare, Netlify, Node)
- 3. Vercel AI SDK 5 Architektur
- Drei Schichten: Core für die Server-Anbindung, UI für die Framework-Hooks, RSC-Konzept (in der Svelte-Welt als Generative UI mit Komponenten umgesetzt)
- First-class Svelte-Anbindung in AI SDK 5
- Provider-Agnostik als Kern-Vorteil
- Funktionen im Überblick: Text-Generierung, Streaming, strukturierte Ausgabe
- Edge Runtime für Streaming-Anwendungen
- Ausblick AI SDK 6
- 4. Streaming-Chat-Praxis mit Svelte
- Aufbau der ersten Chat-Anwendung in SvelteKit
- Server Route für Chat-Streaming
- Client-seitige Chat-Anbindung mit Runes
- Typisierte Nachrichten-Struktur in AI SDK 5
- Reaktive Darstellung von Streaming-Teilen
- System-Prompts, Temperatur, Token-Grenzen
- Fehler-Behandlung und Lade-Zustände
- Praxis-Übung Tag 1: Streaming-Chat mit Multi-Provider
- Eine Streaming-Chat-Anwendung in SvelteKit aufsetzen, zwei LLM-Anbieter parallel anbinden und im Chat umschaltbar machen. System-Prompt für eine konkrete Anwendung definieren (zum Beispiel Brand-Assistent oder Produkt-Berater). Ergebnis: produktiv aussehender Chat mit zwei Anbietern.
- Tag 2: Tool Calling, Generative UI und Agent Loops
- 5. Tool Calling Profi-Praxis
- Was Tool Calling leistet: LLM ruft eigene Funktionen auf
- Anwendungs-Fälle: Wetter, Datenbank, Web-Suche, Kalender, externe APIs
- Typisierte Parameter und Ergebnisse über Schema-Validierung
- Tool-Definition im Streaming-Endpunkt
- Tool-Ergebnis-Verarbeitung im Chat-Verlauf
- Sicherheits-Aspekte: was das LLM nicht aufrufen darf
- 6. Multi-Step Conversations und Agent Loops
- Mehrstufige Verarbeitung mit konfigurierbarer Schritt-Grenze
- Anwendungs-Fall: Reise-Planung mit mehreren Tool-Aufrufen in einer Antwort
- Agent Loop Primitives in AI SDK 5
- Wann Agent Loop sinnvoll
- Token-Sicht: jeder Schritt kostet
- Debugging mit Schritt-Callbacks
- 7. Generative UI mit Svelte-Komponenten
- Generative UI als Konzept: LLM liefert UI-Komponenten statt Text
- Anbindung an Svelte-Komponenten über typisierte Tool-Teile
- Snippets als wiederverwendbare Markup-Fragmente für Generative UI
- Beispiel: Wetter-Anfrage liefert Wetter-Karte
- Beispiel: Produkt-Empfehlung liefert Karten-Komponenten
- Conditional Rendering nach Tool-Status
- UX-Verbesserung gegenüber reinem Text-Chat
- 8. RAG-Anwendungen mit SvelteKit
- Was RAG leistet: LLM bekommt eigene Daten als Kontext
- Anwendungs-Fälle: Firmen-Dokumente, Wissens-Basen, FAQ, Produkt-Kataloge
- Vector-Datenbank-Anbindung über SvelteKit Server Routes
- Embeddings-Werkstatt 2026
- Document Chunking-Strategien
- Tool-Anbindung als Alternative für strukturierte Daten
- Praxis-Übung Tag 2: Tools und Generative UI
- Den Chat aus Tag 1 um zwei Tools erweitern (zum Beispiel Produkt-Suche und Bestell-Status). Multi-Step aktivieren. Ein Tool-Ergebnis als Svelte-Komponente rendern statt als Text. Ergebnis: erweiterter Chat mit Tools und Generative UI.
- Tag 3: MCP-Anbindung, Produktion, Sicherheit
- 9. MCP-Anbindung über SvelteKit Server Routes
- Was Model Context Protocol ist (Anthropic-Standard, kurz)
- Wie MCP in der Svelte-Welt eingesetzt wird
- SvelteKit Server Routes als MCP-Server-Anbindung
- MCP-Clients in der Anwendung (Cursor, Claude Code, Amp)
- OAuth 2.1 und Resource Indicators (RFC 8707) als Sicherheits-Anker
- Bezug zur GFU-Reihe: Keycloak 26 für KI-Agenten und MCP
- 10. Eigene MCP-Server in SvelteKit bauen
- Konzept und Architektur eines MCP-Servers in einer Web-Anwendung
- Eigene MCP-Tools für die Anwendung definieren
- Anwendungs-Fälle: Anwendungs-Verwaltung, Datensätze suchen, Berichte erzeugen
- Sicherheits-Aspekte: Autorisierung über externen OAuth-Server
- KI-gestütztes Coding mit Cursor, Claude Code und der eigenen Anwendungs-MCP-Anbindung
- 11. Produktions-Aspekte
- Kosten-Sicht: Token-Steuerung, Modell-Auswahl je Anwendungs-Fall, Caching
- Rate-Limiting auf der eigenen Server-Route
- Caching-Strategien für KI-Antworten
- Streaming-Optimierung mit Edge Runtime
- Adapter-Auswahl: Vercel, Cloudflare Workers, Netlify, Node-Server
- Observability mit Logging und Token-Sicht
- Performance-Sicht für Core Web Vitals
- 12. Sicherheit und Compliance
- API-Key-Sicherheit
- Auth-Anbindung über Auth.js-Svelte-Variante oder Keycloak
- DSGVO bei Chat-Verläufen und KI-Logs
- EU AI Act seit 2. August 2026 mit Transparenz-Pflicht
- Prompt Injection als zentrales Risiko
- Guardrails über AI-SDK-Middleware
- Cookie- und Session-Verwaltung in SvelteKit
- Praxis-Übung Tag 3: Eigener MCP-Server mit Svelte-Anwendung
- Eine MCP-Server-Anbindung über eine SvelteKit Server Route aufbauen. Zwei MCP-Tools für die eigene Anwendung definieren (zum Beispiel Produkt-Suche und Bestell-Status). In einer KI-Coding-Anwendung der Wahl anbinden und über das Werkzeug eine Aktion auslösen. Ergebnis: eigene Svelte-Anwendung mit MCP-Server und KI-Coding-Anbindung.
Zielgruppe & Vorkenntnisse
- Svelte- und SvelteKit-Entwickler mit KI-Anbindung-Mandat: Die LLM-getriebene Anwendungen bauen oder bestehende um KI-Funktionen erweitern wollen.
- Fullstack-Entwickler mit Svelte-Bestand: Die Streaming-Chats, Assistenten und RAG-Anwendungen mit SvelteKit umsetzen.
- KI-Architektinnen und KI-Architekten mit Svelte-Bezug: Die Anwendungs-Strukturen für agentic AI in Svelte-Anwendungen entwerfen.
- Marketing-Mannschaft und Brand-Designer mit KI-Produkt-Sites: Die schnelle, kleine LLM-getriebene Marketing-Anwendungen brauchen.
- Quereinsteiger aus Next.js mit Svelte-Interesse: Die das Svelte-Pendant zum Next.js-KI-Stack kennenlernen wollen.
Ihre Schulung
In Präsenz | Online |
|---|---|
| Lernmethode | |
Ausgewogene Mischung aus Theorie und praktischen Übungen auf persönlichem Schulungs-PC. | Wie auch bei unseren Präsenz-Seminaren: Ausgewogene Mischung aus Theorie und praktischen Übungen. Trainer durchgehend präsent. |
| Unterlagen | |
Seminarunterlagen oder Fachbuch inklusive. Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne. | Seminarunterlagen oder Fachbuch inklusive (via DHL). Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne. |
| Arbeitsmaterialien | |
DIN A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its | |
| Teilnahmezertifikat | |
Nach Abschluss des Seminars erhalten Sie das Teilnahmezertifikat inkl. Inhaltsverzeichnis per E-Mail als PDF. | |
Organisation
In Präsenz | Online | |
|---|---|---|
| Teilnehmendenzahl | ||
min. 1, max. 8 Personen | ||
| Garantierte Durchführung | ||
Ab 1 Teilnehmenden* | ||
| Schulungszeiten | ||
| ||
| Ort der Schulung | ||
 GFU SchulungszentrumAm Grauen Stein 27 51105 Köln-Deutz oder online im Virtual Classroom oder europaweit bei Ihnen als Inhouse-Schulung Um ein optimales Raumklima zu gewährleisten, haben wir das Schulungszentrum mit 17 hochmodernen Trotec TAC V+ Luftreinigern ausgestattet. Diese innovative Filtertechnologie (H14 zertifiziert nach DIN EN1822) sorgt dafür, dass die Raumluft mehrfach pro Stunde umgewälzt wird und Schadstoffe zu 99.995% im HEPA-Filter abgeschieden und infektiöse Aerosole abgetötet werden. Zusätzlich sind alle Räume mit CO2-Ampeln ausgestattet, um jederzeit eine hervorragende Luftqualität sicherzustellen. | ||
| Räumlichkeiten | ||
Helle und modern ausgestattete Räume mit perfekter Infrastruktur | Bequem aus dem Homeoffice von überall | |
| Preisvorteil | ||
Dritter Mitarbeitende nimmt kostenfrei teil. Eventuell anfallende Prüfungskosten für den dritten Teilnehmenden werden zusätzlich berechnet - auch bei Seminaren inkl. Prüfungsgebühr. Hinweis: Um den Erfolg der Schulung zu gewährleisten, sollte auch der dritte Teilnehmende die erwarteten Vorkenntnisse mitbringen. | ||
| KOMPASS — Förderung für Solo-Selbstständige | ||
Solo-Selbstständige können für dieses Seminar eine Förderung via KOMPASS beantragen. | ||
| All-Inclusive | ||
Gebäck, Snacks und Getränke ganztägig, Mittagessen im eigenen Restaurant, täglich 6 Menüs, auch vegetarisch | Eine Auswahl unserer Frühstücks-Snacks und Nervennahrungs-Highlights senden wir Ihnen mit den Seminarunterlagen via DHL zu. | |
| Barrierefreiheit | ||
Das GFU-Schulungszentrum (Am Grauen Stein 27) ist barrierefrei | - | |
Buchen ohne Risiko
| Rechnungsstellung |
Erst nach dem erfolgreichen Seminar. Keine Vorkasse. |
| Stornierung |
Kostenfrei bis zum Vortag des Seminars |
| Vormerken statt buchen |
Sichern Sie sich unverbindlich Ihren Seminarplatz schon vor der Buchung - auch wenn Sie selbst nicht berechtigt sind zu buchen |
Kostenfreie Services
In Präsenz | Online |
|---|---|
|
|
Buchungsmöglichkeiten
Online oder in Präsenz teilnehmen
Sie können sowohl Online als auch in Präsenz am Seminar teilnehmen. Klicken Sie bei Ihrer Buchung oder Anfrage einfach die entsprechende Option an.
Gesicherte offene Termine
| Termin | Ort | Preis | ||
|---|---|---|---|---|
| 09.11.-11.11.2026 Plätze vorhanden Köln / Online 2.030,00 | Köln / Online | 2.030,00 | Buchen Vormerken | |
| 2027 | ||||
| 12.04.-14.04.2027 Plätze vorhanden Köln / Online 2.030,00 | Köln / Online | 2.030,00 | Buchen Vormerken | |
| 14.06.-16.06.2027 Plätze vorhanden Köln / Online 2.030,00 | Köln / Online | 2.030,00 | Buchen Vormerken | |
| 16.08.-18.08.2027 Plätze vorhanden Köln / Online 2.030,00 | Köln / Online | 2.030,00 | Buchen Vormerken | |
| 18.10.-20.10.2027 Plätze vorhanden Köln / Online 2.030,00 | Köln / Online | 2.030,00 | Buchen Vormerken | |
- Lernumgebung in der Cloud
- Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
- Lernumgebung in der Cloud
- 1 Teilnehmender = Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
- Alle folgenden Schulungsformen können auch Online als Virtual Classroom durchgeführt werden.
- Eine Offene Schulung findet zu einem festgelegten Zeitpunkt im voll ausgestatteten Schulungszentrum oder Online/Remote statt. Sie treffen auf Teilnehmende anderer Unternehmen und profitieren vom direkten Wissensaustausch.
- Eine Inhouse-/Firmen-Schulung geht auf die individuellen Bedürfnisse Ihres Unternehmens ein. Sie erhalten eine kostenfreie Beratung von Ihrem Seminarleiter und können Inhalte und Dauer auf Ihren Schulungsbedarf anpassen. Inhouse-Schulungen können Europaweit durchgeführt werden.
- Bei einer Individual-Schulung erhalten Sie eine 1-zu-1 Betreuung und bestimmen Inhalt, Zeit und Lerntempo. Der Dozent passt sich Ihren Wünschen und Bedürfnissen an.
Sie können unsere Schulungen auch als Remote Schulung im Virtual Classroom anfragen.
In drei Schritten zum Online Seminar im Virtual Classroom:
- Seminar auswählen und auf "Buchen" klicken
- Wählen Sie bei "Wie möchten Sie teilnehmen?" einfach "Online" aus.
- Formular ausfüllen und über den Button "Jetzt buchen" absenden.
Unser Kundenservice meldet sich bei Ihnen mit der Buchungsbestätigung.
Unsere Online Schulungen finden im Virtual Classroom statt. Ein Virtual Classroom bündelt mehrere Werkzeuge, wie Audio-Konferenz, Text-Chat, Interaktives Whiteboard, oder Application Sharing.
Vorteile von Virtual Classroom:
- Sie erhalten 1 zu 1 die gleiche Lernumgebung, die Sie auch vor Ort bei uns vorfinden
- Die technische Vorbereitung wird von den GFU-Technikern vorgenommen
- Sie erhalten remote Zugriff auf Ihren persönlichen Schulungs-PC im GFU-Seminarraum
- Die Virtual Classroom Lösung lässt sich auch im Browser betreiben
- Die GFU-Technik leistet wie gewohnt Soforthilfe bei Problemen
- Die Schulungsunterlagen bekommen Sie via DHL zugeschickt
- Sie sparen Reisekosten und Zeit
- 09. Nov. - 11. Nov. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
- 12. Apr. - 14. Apr. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
- 14. Jun. - 16. Jun. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
- 16. Aug. - 18. Aug. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
- 18. Okt. - 20. Okt. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
- Auch als Inhouse-Schulung, bundesweit mit Termin nach Wunsch und individuellen Inhalten
- Buchen ohne Risiko! Kostenfreie Stornierung bis zum Vortag des Seminars
Die Seminare der GFU finden in angenehmer Atmosphäre statt und sind perfekt organisiert. Profitieren Sie von dem Rundum-Service der GFU!
Machen Sie sich keinen Kopf um die Anreise! Unser Shuttle fährt Sie. Oder Sie parken einfach auf einem extra für Sie reservierten Parkplatz.
Hotelzimmer gesucht? Wir organisieren Ihnen eins. Ihr Vorteil: Sie sparen Zeit und Geld!
Stornierung bei offenen Seminaren kostenfrei bis einen Tag vor Schulungsbeginn.
Unsere Techniker sind immer zur Stelle, egal ob online oder vor Ort.