Astro Grundkurs
Baue Content-Websites mit Astro, MDX, SSR, Performance-Budgets und Komponenten-Inseln für React, Vue oder Svelte
Die wichtigsten Themen
Astro-Projektstruktur sicher nutzen
Islands Architecture planen
Markdown und MDX strukturieren
SSR und statische Ausgabe abwägen
Performance-Budgets festlegen
Deployment-Pipeline vorbereiten
Überblick Astro-Schulung für Frontend- und Webteams, die moderne und sehr leistungsfähige Webseiten ausliefern wollen. Die cmt Webseite benutzt zum Beispiel Astro.js komplett ohne SSR und erreicht so ein Lighthouse Performance...
Astro-Schulung für Frontend- und Webteams, die moderne und sehr leistungsfähige Webseiten ausliefern wollen. Die cmt Webseite benutzt zum Beispiel Astro.js komplett ohne SSR und erreicht so ein Lighthouse Performance Rating nahe 100. Astro erzeugt statisches HTML und lädt interaktive Komponenten über Islands nur dort, wo sie im Browser gebraucht werden. Du richtest ein Astro-Projekt ein, modellierst Inhalte mit Markdown, MDX und Content Collections und bindest bei Bedarf React, Vue oder Svelte ein. Für die Performance-Arbeit legst du JavaScript-Budgets fest, prüfst Core Web Vitals mit Lighthouse oder Browser-DevTools und vergleichst statische Ausgabe mit SSR. Jede Übung führt an einer kleinen Content-Website entlang, inklusive Build, Adapter-Auswahl und Deployment-Vorbereitung. Wenn React die wichtigste Komponentenbasis in deinem Team ist, passt anschließend React mit TypeScript als Vertiefung. Frag deinen Wunschtermin an, wenn dein Team Astro in den nächsten Projekten sauber einsetzen möchte.
Die Themen Astro-Projekt mit npm · Seiten, Layouts und Komponenten · Astro-Konfiguration und Integrationen · Teamstruktur für Astro-Webentwicklung · Markdown-Seiten mit Frontmatter · MDX für interaktive Inhalte...
Projektstart mit Astro
- Astro-Projekt mit npm
- Seiten, Layouts und Komponenten
- Astro-Konfiguration und Integrationen
- Teamstruktur für Astro-Webentwicklung
Content mit Markdown und MDX
- Markdown-Seiten mit Frontmatter
- MDX für interaktive Inhalte
- Content Collections mit Schema
- Layouts für Seitentypen
Islands Architecture und Komponenten
- Komponenten-Inseln und Hydration
- Client-Directives für Ladeverhalten
- React-, Vue- und Svelte-Integration
- Grenzen interaktiver UI-Bereiche
Performance und Rendering
- Statische Ausgabe und SSR
- JavaScript-Budgets pro Seitentyp
- Core-Web-Vitals-Messung
- Asset-Optimierung im Build
Deployment und Betrieb
- Produktions-Build mit Astro
- Adapter für SSR-Deployments
- Umgebungsvariablen und Konfiguration
- Integrationscheck vor dem Go-live
Zielgruppe
- Frontend-Entwicklerin oder Frontend-Entwickler: du baust UI-Komponenten
- Webteam: du verantwortest performante Content-Websites
- Technical Lead: du bewertest Astro für Projekte
- CMS-Team: du integrierst Markdown/MDX-Workflows
Das lernst du
- Astro-Projekte mit Seiten, Layouts und Komponenten strukturieren
- Markdown/MDX-Content in Content Collections pflegen
- Islands Architecture für interaktive UI-Bereiche planen
- React-, Vue- oder Svelte-Komponenten sauber integrieren
- SSR, statische Ausgabe und Deployment-Optionen bewerten
- Performance-Budgets festlegen und mit Messwerten prüfen
So arbeiten wir
Der Kurs kombiniert kurze Architektur-Inputs mit Live-Coding und Übungen an einer Astro-Website. Code-Reviews, Performance-Messungen und Deployment-Schritte übertragen die Inhalte auf reale Webprojekte.
Empfohlene Vorkenntnisse
- Solide Kenntnisse in HTML, CSS und JavaScript, bei Bedarf vorher JavaScript Grundkurs
- Grundverständnis für npm, Git und Komponentenentwicklung
Dein Fahrplan
Der erste Tag startet mit dem Aufbau einer Astro-Website und der Content-Schicht.
- Projekt erstellen und Verzeichnisstruktur lesen
- Pages, Layouts und Komponenten einsetzen
- Markdown und MDX einbinden
- Content Collections typisieren
- Erste Islands mit Hydration-Directives erstellen
Organisatorisches
Lernformate
Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.
Schulungsarten
Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.
Uhrzeiten
09:00-16:00 Uhr
Aktuelle Software
In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest - praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.
Deine Vorteile
Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
Inklusivleistungen
Deine Teilnahme beinhaltet: Schulungsmaterial, Zertifikat, Verpflegung (bei Präsenzveranstaltungen) und persönliche Betreuung durch unsere Trainer und unser Orga-Team. Alles aus einer Hand - keine versteckten Kosten.
Lernen von Experten
Unsere Trainer sind zertifizierte und erfahrene Profis mit jahrelanger Berufserfahrung. Sie vermitteln dir in den Kursen nicht nur theoretisches Wissen, sondern teilen ihre Erfahrungen aus realen Projekten und helfen dir, das Gelernte direkt in deiner täglichen Arbeit anzuwenden. Das ist kein Werbeversprechen, sondern unser Anspruch. Am besten siehst du das in unseren Bewertungen, z.B. auch bei Google.
Keine Vorkasse
Du zahlst erst nach dem Seminar. Keine Vorkasse, keine Vorauszahlung - so kannst du sicher sein, dass du nur für das bezahlst, was du auch wirklich erhalten hast. Die Rechnung erhältst du erst nach Kursbeginn.
Max. 8 Teilnehmende
Wir setzen auf kleine Gruppen, damit du die Aufmerksamkeit bekommst, die du verdienst. So haben wir mehr Zeit für deine individuellen Fragen und können gezielt auf deine Bedürfnisse eingehen.
Termine & Buchung
Leider haben wir aktuell keine Termine geplant. Es wird wahrscheinlich bei uns etwas schief gelaufen sein - bitte kontaktiere uns und wir finden den passenden Termin.
Nicht der passende Termin dabei?
Wir finden eine Lösung: anderer Termin, mehrere Teilnehmer, Inhouse-Schulung oder individuelle Beratung.
Lieber gleich das ganze Team schulen?
Diese Schulung gibt es auch exklusiv für dein Unternehmen, bei euch vor Ort, an unseren Standorten oder Live-Online. Inhalte und Termine nach Maß.
Inhouse-Schulung
Wir kommen zu euch: diese Schulung maßgeschneidert in euren Räumen, für Unternehmen und Behörden.
- Inhalte exakt auf euch zugeschnitten
- Termine nach euren Bedürfnissen
- Günstiger ab mehreren Teilnehmern
- Vertraute Umgebung, kein Reiseaufwand
Firmen-Seminar
Exklusiv für dein Team an einem unserer Standorte oder Live-Online, individuell angepasst.
- Geschlossene Gruppe aus eurem Haus
- Individuelle Terminplanung
- An unseren Standorten oder Live-Online
- Angepasste Inhalte
Fragen und Antworten zu Astro Grundkurs
Was ist Astro und wofür eignet es sich?
Astro ist ein Webframework für Content-Websites, das standardmäßig wenig JavaScript an den Browser ausliefert. Es eignet sich für Dokumentationen, Marketing-Seiten, Produktseiten und redaktionelle Portale mit Komponentenbedarf.
Was bedeutet Islands Architecture in Astro?
Islands Architecture bedeutet, dass nur ausgewählte UI-Bereiche als interaktive Inseln im Browser laufen. Astro rendert den Rest als HTML und lädt JavaScript gezielt über Hydration-Directives.
Welche Vorkenntnisse brauche ich für die Astro Schulung?
Du brauchst sichere Grundlagen in HTML, CSS und JavaScript. Erfahrung mit npm, Git und einem Komponenten-Framework erleichtert die Übungen, ist für den Einstieg in Astro aber keine Hürde.
Werden React, Vue und Svelte im Training behandelt?
Ja, das Training zeigt die Integration von React, Vue oder Svelte in Astro-Projekten. Der Fokus liegt auf dem Einbinden vorhandener Komponenten als Islands und auf dem passenden Ladeverhalten.
Geht es auch um Deployment und Performance?
Ja, Deployment und Performance sind feste Bestandteile der Astro Schulung. Du arbeitest mit Build-Ausgabe, SSR-Adaptern, Performance-Budgets und Messungen für Core Web Vitals.
Weitere häufig gestellte Fragen und Antworten findest du in den FAQs .
Unser Qualitätsversprechen: Wissen, das in der Praxis funktioniert
Aus der Praxis für die Praxis
Schluss mit theoretischem Ballast. Wir trainieren dich für reale IT-Herausforderungen, nicht für Multiple-Choice-Tests. Unsere Trainer vermitteln dir genau das Wissen, das am nächsten Montagmorgen im Job wirklich funktioniert.
Individuell statt "Schema F"
Deine Fragen passen nicht ins Standard-Skript? Bei uns schon. Wir verzichten auf starre Lehrpläne und geben deinen konkreten Projekt-Fragen Raum. Unsere Trainer passen die Inhalte flexibel an das an, was dich und dein Team aktuell weiterbringt.
Maximale Freiheit: Remote oder vor Ort
Lerne so, wie es in deinen Alltag passt - ohne Reise-Stress und Zeitverlust. Egal ob remote, hybrid oder präsent vor Ort: Wir garantieren dir ein nahtloses und effektives Lernerlebnis, egal von wo du dich zuschaltest.
Mit Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt - und wollen, dass du es auch bist. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
NOCH FRAGEN?
Rufe mich an oder schreibe mir eine E-Mail.
Michaela Berger
Über 20.000 Unternehmen und Behörden vertrauen auf uns
