NCA Social Media
Vibe Coding Schulung Astro Landing Page

Vibe Coding Schulung Astro Landing Page

In zwei Stunden baust du mit Astro eine Marketing Landing Page, live, von der leeren Mappe bis zur Seite unter deiner eigenen URL. Solche Seiten braucht Marketing täglich: schnell geladen, eigenständig, in Varianten für A/B Testing ausspielbar.

Grundlage ist eine OneShot Best Practice Datei. Die gehen wir gemeinsam durch, Zeile für Zeile, damit du verstehst, warum die KI damit sauber arbeitet und nicht in endlosen Korrekturschleifen hängt.

Wir nutzen OpenCode mit kostenlosen und lokalen Modellen. Kein bezahltes US Abo, kein Anbieterkonto als Pflicht. Damit ist die Schulung zugleich dein Einstieg in eine eigene KI Infrastruktur, die in Europa läuft.

Es ist eine reine Live Demo. Du musst vorab nichts installieren und schaust dem ganzen Weg zu. Das komplette Setup bekommst du danach als Handout zum Nachbauen.

Setup und Handout

Was hilfreich ist, aber keine Pflicht:

  • Grundlagen in HTML und CSS
  • erste Erfahrung mit der Kommandozeile
  • kein Vorwissen in Astro oder KI Tooling nötig

Das Handout nach der Schulung enthält:

  • die OneShot Best Practice Datei als Vorlage

Lernziele

Astro Projekt aufsetzen:
Du startest mit OpenCode von null und bringst eine Marketing Landing Page bis zum Deploy unter deiner eigenen URL.

Varianten für A/B Testing bauen:
Du erzeugst in kurzer Zeit eine zweite Version einer Landing Page und spielst sie für Tests aus.

OneShot Best Practice verstehen:
Du liest und verstehst die Regeldatei und passt sie für eigene Projekte an, damit jede KI Sitzung dieselbe Qualität liefert.

KI mit Regeln steuern:
Du lernst, die KI so zu führen, dass sie reproduzierbar weniger Fehler macht und du den Code verstehst statt ihn blind zu übernehmen.

Qualität absichern:
Du sicherst generierten Code mit statischer Code Analyse, curl Checks und Cypress Tests ab.

Eigene KI Infrastruktur einordnen:
Du verstehst, wie kostenlose und lokale Modelle die Grundlage für einen eigenen KI Stack im Haus bilden, ohne Abhängigkeit von US Anbietern.

OpenCode statt US Abo: die Grundlage für deine eigene KI Infrastruktur

Die meisten KI Coding Schulungen setzen ein bezahltes Konto bei einem US Anbieter voraus. Für ein Team ab 100 Mitarbeitern heißt das laufende Lizenzkosten pro Kopf und Abhängigkeit von einem Anbieter außerhalb Europas.

Wir arbeiten mit OpenCode und kostenlosen sowie lokalen Modellen über Ollama. Kein Abo, kein Lock in, kein Pflichtkonto in den USA. Du legst damit zugleich die Grundlage für eine eigene KI Infrastruktur, die in Europa läuft und deinen Datenschutzanforderungen gerecht wird.

Genau dabei begleiten wir Teams auch über die Schulung hinaus, von der Auswahl passender lokaler Modelle bis zum Aufbau eines eigenen KI Stacks im Haus.

Seminarinhalte und Ablauf

Zwei Stunden Live Demo

0:00 bis 0:15 Warum Astro, warum jetzt: Performance, kostenloses Hosting, CMS Unabhängigkeit, dir gehört der Code

Theorie

0:15 bis 0:40 OneShot Best Practice verstehen: die Regeldatei gemeinsam Zeile für Zeile durchgehen

Theorie

0:40 bis 1:10 Live Build: Astro Projekt mit OpenCode aufsetzen, Marketing Landing Page nach NCA Vorbild generieren

Live-Session

1:10 bis 1:30 KI steuern und Varianten bauen: mit Regeln iterieren, zweite Version für A/B Testing erzeugen

Live-Session

1:30 bis 1:50 Qualität sichern: statische Code Analyse, curl Checks, Cypress Tests, Deploy auf kostenloses Hosting

Live-Session

1:50 bis 2:00 Fazit: Prototyp gegen Produkt, Weg in die eigene KI Infrastruktur, Fragen

Theorie

2:00 bis 2:15 Ask me anything mit Roland Golla

Theorie

Vom Prototyp zum Produkt, das skaliert

Der Unterschied zwischen Prototyp und Produkt liegt nicht im KI Modell, sondern im Fundament. In der Schulung zeige ich, wie du dieses Fundament legst.

Wir sichern den generierten Code mit drei Werkzeugen ab. Statische Code Analyse findet Schwachstellen, bevor sie live gehen. curl Checks prüfen, ob Seite und Endpunkte antworten. Cypress Tests prüfen das Frontend so, wie ein Nutzer es bedient. Defekte Seiten gehen damit nicht live.

Wer das einmal verstanden hat, braucht nicht das teuerste Modell der Welt. Gute Architektur sorgt dafür, dass jeder im Team und jede KI den Code richtig weiterentwickelt. Das ist die Basis, um KI dauerhaft im eigenen Haus zu betreiben.

Warum ich diese Schulung anders aufziehe

Never Code Alone steht für eine einfache Überzeugung: Wissen gehört geteilt. Ich veröffentliche Vorgehen, Regeln und Beispiele offen, in Talks, im Glossar und in echten Repositories. Davon profitiert am Ende der ganze Standort, weil Teams schneller auf ein belastbares Niveau kommen.

Mein Fundament sind über zwanzig Jahre Testing und Refactoring. Ich habe gesehen, wo KI generierter Code in der Praxis bricht, und ich kenne die Stellen, an denen es teuer wird. Genau dieses Wissen steckt in den Regeln, die du hier kennenlernst.

Eine Schulung, an deren Ende du eine Spielzeug App hast, mit der du danach nichts anfängst, ist verschwendete Zeit. Du baust hier eine echte Landing Page nach dem Vorbild der Never Code Alone Seite, also etwas, das Unternehmen täglich brauchen.

Qualität heißt für mich auch Planbarkeit. Code, den nach zwei Wochen niemand mehr versteht, ist kein Fortschritt, sondern aufgeschobene Arbeit. Mit klaren Regeln und automatisierten Tests sinkt die Zahl der nächtlichen Hotfixes, und Releases werden planbar.