Astro Grundkurs
Baue Content-Websites mit Astro, MDX, Performance-Budgets und gezielten Islands für React, Vue oder Svelte
Die wichtigsten Themen
Astro-Projektstruktur sicher nutzen
Content Collections modellieren
Islands gezielt hydratisieren
Rendering-Optionen bewerten
Performance-Budgets messen
Deployment sauber vorbereiten
Überblick Astro-Schulung für Frontend- und Webteams, die Content-Websites mit viel HTML, wenig Browser-JavaScript und nachvollziehbaren Performance-Werten ausliefern wollen. Die cmt-Website nutzt Astro zum Beispiel komplett...
Astro-Schulung für Frontend- und Webteams, die Content-Websites mit viel HTML, wenig Browser-JavaScript und nachvollziehbaren Performance-Werten ausliefern wollen. Die cmt-Website nutzt Astro zum Beispiel komplett ohne SSR und erreicht damit ein Lighthouse-Performance-Rating von nahezu 100. Genau an solchen Entscheidungen setzt der Grundkurs an: Welche Teile bleiben statisch, welche Komponenten brauchen Hydration, und wann lohnt sich On-Demand-Rendering mit einem Adapter?
Du richtest ein Astro-Projekt mit der aktuellen CLI ein, strukturierst Seiten, Layouts und Komponenten und modellierst Inhalte mit Markdown, MDX und Content Collections. Bei Bedarf bindest du React, Vue oder Svelte als Islands ein. Für die Performance-Arbeit legst du JavaScript-Budgets fest, prüfst Core Web Vitals mit Lighthouse oder Browser-DevTools und bereitest Build, Adapter-Auswahl und Deployment vor. Nach den 3 Tagen setzt dein Team eine Astro-Website mit Content-Schicht, Islands, Rendering-Entscheidung und Deployment-Pfad eigenständig auf.
Die Schulung läuft als offenes Training, online für Teams in Deutschland, Österreich und der Schweiz oder als Inhouse-Schulung bei euch vor Ort. Wenn React die wichtigste Komponentenbasis in deinem Team ist, passt anschließend React mit TypeScript als Vertiefung. Frag deinen Wunschtermin oder ein Inhouse-Angebot an, wenn dein Team Astro in den nächsten Projekten sauber einsetzen möchte.
Die Themen Aktuelle Astro-CLI und Projekt-Setup · Seiten, Layouts und Komponenten · Astro-Konfiguration und Integrationen · Projektstruktur für Webteams · Markdown-Seiten mit Frontmatter · MDX für interaktive Inhalte...
Projektstart und Struktur
- Aktuelle Astro-CLI und Projekt-Setup
- Seiten, Layouts und Komponenten
- Astro-Konfiguration und Integrationen
- Projektstruktur für Webteams
Content mit Markdown und MDX
- Markdown-Seiten mit Frontmatter
- MDX für interaktive Inhalte
- Content Collections mit Schema
- Content Layer für Quellen
- Layouts für Seitentypen
Islands Architecture und Frameworks
- Client Islands und Hydration
- Client-Directives für Ladeverhalten
- React-, Vue- und Svelte-Integration
- Zustand in isolierten Komponenten
- Grenzen interaktiver Bereiche
Rendering, Routing und Server Islands
- Statische Ausgabe und On-Demand-Rendering
- SSR-Adapter und Deployment-Ziele
- Server Islands mit server:defer
- Route-Caching für dynamische Antworten
- Advanced Routing im Überblick
Performance und Frontend-Budget
- JavaScript-Budgets pro Seitentyp
- Core-Web-Vitals-Messung
- Lighthouse-Audits und Browser-DevTools
- Asset- und Font-Optimierung
- Build-Ausgabe analysieren
Build, Deployment und Betrieb
- Produktions-Build mit Astro
- Umgebungsvariablen und Konfiguration
- Adapter-Auswahl für Hosting-Plattformen
- CI-Schritte für Webprojekte
- Integrations-Check vor dem Go-live
Zielgruppe
- Frontend-Entwicklung: du baust Komponenten für Content-Websites
- Webteam: du planst Relaunches mit geringem JavaScript-Budget
- Technical Lead: du bewertest Astro für neue Projekte
- CMS-Team: du organisierst Markdown- und MDX-Workflows
- Projektverantwortung: du willst statische Seiten migrieren
Das lernst du
- Astro-Projekte mit Seiten, Layouts und Komponenten belastbar strukturieren
- Markdown- und MDX-Content über Content Collections modellieren
- Islands Architecture für interaktive UI-Bereiche sinnvoll einsetzen
- React-, Vue- oder Svelte-Komponenten gezielt integrieren
- Statische Ausgabe, On-Demand-Rendering und SSR-Adapter fachlich bewerten
- Performance-Budgets festlegen und mit Lighthouse-Messwerten prüfen
So arbeiten wir
- Kurze Architektur-Inputs zu Astro, Islands Architecture und Rendering-Optionen
- Live-Coding an einer durchgängigen Astro-Website
- Hands-on-Übungen mit Markdown, MDX, Content Collections und Komponenten
- Code-Reviews zu Projektstruktur, Hydration und Build-Ausgabe
- Performance-Messungen mit Lighthouse und Browser-DevTools
- Deployment-Schritte für produktionsnahe Webprojekte
Empfohlene Vorkenntnisse
- Solide Kenntnisse in HTML, CSS und JavaScript, bei Bedarf vorab der JavaScript-Grundkurs
- Grundverständnis für npm, Git und Komponentenentwicklung
- Erste Erfahrung mit React, Vue oder Svelte ist hilfreich, aber keine Pflicht
- Für fehlende HTML- und CSS-Grundlagen passt der HTML5-Workshop
Dein Fahrplan
Der erste Tag startet mit dem Aufbau einer Astro-Website und der Content-Schicht.
- Projekt mit der Astro-CLI erstellen
- Verzeichnisstruktur und Routing lesen
- Pages, Layouts und Komponenten einsetzen
- Markdown und MDX einbinden
- Content Collections typisieren
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
Vor Ort
Online
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 HTML ausliefert und Browser-JavaScript nur gezielt lädt. 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 übrigen Seiteninhalt als HTML und lädt JavaScript über Hydration-Directives nur dort, wo Interaktion gebraucht wird.
Wie lange dauert der Astro Grundkurs?
Der Astro Grundkurs dauert 3 Tage. Die Zeit reicht für Projektsetup, Content Collections, MDX, Islands Architecture, Rendering-Optionen, Performance-Messung und Deployment-Vorbereitung.
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 Schwerpunkt liegt auf vorhandenen Komponenten als Islands und auf dem passenden Ladeverhalten.
Gibt es den Astro Grundkurs als Inhouse-Schulung?
Ja, der Astro Grundkurs ist als Inhouse-Schulung für dein Webteam möglich. Inhalte, Übungsprojekt und Schwerpunkte lassen sich auf euren Relaunch, eure Content-Struktur oder eure bestehende Komponentenbasis abstimmen.
Was kostet eine Astro Schulung?
Der Preis der Astro Schulung hängt von Terminformat, Standort und Inhouse-Anfrage ab. Die aktuellen Konditionen erhältst du bei der Terminanfrage für dein offenes Training oder dein Teamangebot.
Ist Astro besser als Next.js für Content-Websites?
Astro ist für viele Content-Websites die schlankere Wahl, wenn statisches HTML, wenig Browser-JavaScript und schnelle Ladezeiten Priorität haben. Für React-lastige Webanwendungen mit App-Routing und Server Components passt oft der Next.js Grundkurs besser.
Weitere häufig gestellte Fragen und Antworten findest du in den FAQs .
Passende Schulungen nach dem Kurs
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.
Über 20.000 Unternehmen und Behörden vertrauen auf uns
