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
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 | |
| All-Inclusive | ||
Frühstü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 | - | |
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.
- 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.
Was bedeutet Offene Schulung und Inhouse Schulung?
Bei einer offenen Schulung stehen Ort und Termin vorab fest. Jeder Interessent kann eine offene Schulung buchen, daher treffen Teilnehmer aus verschiedenen Unternehmen aufeinander.
Inhouse Schulungen können auf Ihren individuellen Schulungsbedarf zugeschnitten werden. Sie bestimmen den Teilnehmerkreis, Termin und Schulungsort.
Ist eine Inhouse Schulung die richtige Wahl?
Bei einer Inhouse Schulung gehen wir auf die individuellen Bedürfnisse Ihres Unternehmens ein und decken den Schulungsbedarf direkt bei Ihnen im Unternehmen ab.
Das spart Zeit und Geld und sorgt für einen schnellen Wissenstransfer Ihrer Mitarbeiter.
Wer kümmert sich um die Technik bei Inhouse Schulungen?
Eine komplette Lernumgebung in der Cloud mit Remote Zugriff ist für uns selbstverständlich. Sie müssen sich um nichts kümmern. Lediglich ein funktionierender PC oder Notebook mit Internetanschluss sollte für jeden Teilnehmer am Schulungstag bereit stehen.
Vorteile einer Inhouse Schulung
- Kompetente Seminarberatung
- Dozenten aus der Praxis
- Auf Ihre Bedürfnisse zugeschnittener individueller Lernstoff
- Sie können den Termin flexibel gestalten, so wie es für Sie am besten passt
- Unsere Inhouse Schulungen können Europaweit durchgeführt werden
- Der Fokus liegt auf Ihrem Schulungsbedarf, somit schonen Sie Ihr Budget
- Wissenslücken Ihrer Mitarbeitet werden schnell geschlossen