Astro Grundkurs
Baue Content-Websites mit Astro, MDX, Performance-Budgets und gezielten Islands für React, Vue oder Svelte
- Astro-Projektstruktur sicher nutzen
- Content Collections modellieren
- Islands gezielt hydratisieren
- 3 Tage
- Grundlagen
- Online
- Zufriedenheitsgarantie Risikofrei für dich
- Online Live per Videokonferenz
- max. 8 Teilnehmerinnen und Teilnehmer pro Gruppe
- Keine Vorkasse Rechnung nach dem Seminar
Das nimmst du mit
- Astro-Projektstruktur sicher nutzen
- Content Collections modellieren
- Islands gezielt hydratisieren
- Rendering-Optionen bewerten
- Performance-Budgets messen
- Deployment sauber vorbereiten
Passt das zu dir?
Damit du den Tag wirklich mitnimmst, lohnt sich ein kurzer Abgleich.
Richtig für dich, wenn
- 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 bringst du mit
- 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 Lernweg
Tag 1: Astro-Projekt, Seiten und Content
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
Tag 2: Islands, Frameworks und Rendering
Der zweite Tag verbindet statisches HTML mit gezielter Interaktivität und vergleicht die Rendering-Optionen.
- Client Islands mit Hydration-Directives erstellen
- React, Vue oder Svelte integrieren
- Zustand in Komponenten sauber begrenzen
- Statische Ausgabe und On-Demand Rendering vergleichen
- SSR-Adapter und Server Islands einordnen
Tag 3: Performance, Build und Deployment
Der dritte Tag führt die Website in produktionsnahe Szenarien mit Messung, Build-Ausgabe und Deployment-Vorbereitung.
- Performance-Budgets pro Seitentyp festlegen
- Core Web Vitals mit Lighthouse prüfen
- Build-Ausgabe und Assets analysieren
- Deployment-Prozess konfigurieren
- Go-live-Check im Team dokumentieren
Klarheit von Anfang an
Format, Ablauf und alles, was schon enthalten ist. Keine Überraschungen, nur Fokus auf dein Ergebnis.
- Live-OnlineInteraktiv per Videokonferenz, von überall
- Montag09:00 bis 16:00 Uhr
3 Tage
Kompakt aufgebaut, damit du schnell ins Tun kommst.
max. 8
Kleine Gruppe, damit genug Raum für deine Fragen bleibt.
- 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
Das ist immer dabei
- Ausführliche Schulungsunterlagen und Praxisbeispiele
- Teilnahmezertifikat
- Übungsumgebungen und Beispieldaten
- Nachbetreuung per E-Mail nach dem Seminar
Sichere dir deinen Platz
Wähle den Termin, der zu dir passt. Online live dabei oder vor Ort, ganz wie es für dich passt.
- Erfahrene IT-Trainer aus der Praxis
- Keine Vorkasse, Rechnung nach dem Seminar
- Kostenfreie Umbuchung bis 14 Tage vor Start
Lieber das ganze Team?
Bring dieses Seminar zu euch ins Haus oder lass uns ein Programm bauen, das genau auf euer Unternehmen passt.
Inhouse-Schulung
Wir kommen zu dir und schulen dein Team genau auf eure Praxis.
- Komplett auf eure Use-Cases und Tools zugeschnitten
- Termin und Ort bestimmst du, vor Ort oder Live-Online
- Ein fester Pauschalpreis statt Preis pro Person
Firmen-Seminar
Ein individuelles Programm, das wir auf eure Ziele zuschneiden.
- Frei kombinierbare Module aus unserem Themenkatalog
- Skalierbar von der Kleingruppe bis zur ganzen Belegschaft
- Begleitung über mehrere Termine hinweg möglich
Deine IT-Schulungen München-Expertinnen und -Experten
Du hast Fragen zu Inhalten, Terminen oder einer passenden Lösung für dein Team? Wir beraten dich gern, bevor du buchst. Direkt, ohne Umwege.
Antwort in der Regel am selben Werktag
Dein cmt-Team München
Beratung zu IT-Weiterbildung
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.