Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Vibecoding 101: Website mit KI bauen ohne Programmieren 2026
New
33 students

Vibecoding 101: Website mit KI bauen ohne Programmieren 2026

Mit Claude AI zur fertigen Website: bauen, online stellen, Domain verbinden. Mit KI, ohne eine Zeile Code programmieren!
Created byTobias Becker
Last updated 9/2026
German
German [Auto],

What you'll learn

  • Eine vollständige, mehrseitige Website mit Claude AI bauen — ohne eine einzige Zeile Code selbst zu schreiben
  • Deine Seite kostenlos online stellen und mit einer eigenen Domain verbinden, inklusive HTTPS
  • Prompts schreiben, die brauchbare Ergebnisse liefern statt beliebiger Vorschläge
  • Ein Master-Briefing anlegen, das Farben, Schriften und Tonalität über alle Seiten hinweg konsistent hält
  • Ein Kontaktformular einbauen, das Anfragen direkt in dein Postfach liefert
  • Impressum und Datenschutzerklärung als eigene Seiten anlegen und richtig verlinken
  • Deine Seite am Handy prüfen und typische Darstellungsfehler gezielt beheben lassen
  • Titel, Beschreibung und Vorschaubild für Google und WhatsApp ergänzen
  • Deine Website Wochen später selbst ändern — auch wenn der ursprüngliche Chat längst weg ist

Course content

6 sections • 24 lectures • 2h 24m total length
  • Willkommen: Was am Ende dieses Kurses online ist0:48
  • Was Vibecoding ist – und was es nicht ist5:09
  • Case Study: tobitalk.at und TB Creative7:18
  • Claude einrichten: Konto, Artifacts, welcher Plan6:04
  • Der Projektordner: wo deine Website lebt6:38
  • Begleitmaterial - KI Prompts für diesen Vibecoding Kurs0:02

Requirements

  • Keine Programmierkenntnisse. Wirklich keine — HTML, CSS und JavaScript musst du nicht können
  • Optional rund 10 bis 20 Euro im Jahr, falls du eine eigene Domain kaufen willst. Ohne Domain funktioniert der ganze Kurs trotzdem

Description

Am Ende dieses Kurses ist deine Website online. Unter deiner eigenen Domain.

Nicht als Entwurf. Nicht als Screenshot. Sondern als echte Adresse, die du jemandem schicken kannst.

Du kennst das wahrscheinlich: Du brauchst seit Monaten eine Website. Die Agentur hat vier Wochen und einen vierstelligen Betrag genannt. Der Baukasten sah im Video einfach aus, aber nach zwei Abenden hattest du eine halbfertige Seite und keine Lust mehr. Und WordPress hat dich nach dem dritten Plugin verloren.

Es gibt inzwischen einen dritten Weg. Du beschreibst, was du willst — die KI schreibt den Code. Das nennt man Vibecoding, und es klingt komplizierter, als es ist.

In diesem Kurs bauen wir gemeinsam eine komplette Website mit Claude AI. Von der leeren Seite bis zur eigenen Domain. Du siehst jeden Klick und jeden Prompt, und du machst parallel an deinem eigenen Projekt mit.

Was du am Ende hast

  • Eine mehrseitige Website: Startseite, Leistungsseite, Impressum, Datenschutz

  • Deine eigene Domain, mit HTTPS und einem Schloss im Browser

  • Ein Kontaktformular, das Anfragen in dein Postfach liefert

  • Eine saubere Darstellung am Handy — nicht nur am großen Bildschirm

  • Eine ordentliche Vorschaukarte, wenn jemand deinen Link in WhatsApp oder LinkedIn teilt

  • Ein gespeichertes Briefing, mit dem du deine Seite in einem halben Jahr in fünf Minuten änderst

  • Alle Dateien liegen bei dir auf dem Rechner. Du bist an keinen Anbieter gebunden.


Wie der Kurs aufgebaut ist

28 Lektionen, rund zweieinhalb Stunden, sechs Sektionen. Kein Vortrag, sondern ein Projekt, das von Anfang bis Ende durchläuft.

1. Einstieg und Setup

Was Vibecoding kann und wo es ehrlich aufhört. Zwei echte Beispielseiten. Claude einrichten, Projektordner anlegen.

2. Das Projekt planen

Wir legen fest, welche Sektionen die Seite braucht, schreiben die Texte und bereiten die Bilder vor. Wer hier zehn Minuten investiert, spart später eine Stunde.

3. Die Seite bauen

Der erste große Prompt, die Feedback-Schleife, die echten Bilder, der Mobil-Check und die zweite Seite mit funktionierender Navigation.

4. Live gehen

Kostenlos hosten, Domain kaufen, verbinden, HTTPS prüfen. Der Moment, in dem aus einer Datei eine Website wird.

5. Leads und Pflichtseiten

Kontaktformular einbauen und testen. Impressum und Datenschutz als eigene Seiten. Dazu ein Durchgang, der externe Dienste aufspürt, die ungefragt Daten übertragen.

6. Ändern, pflegen, weitermachen

Titel, Beschreibung und Vorschaubild für Google. Und der Workflow, mit dem du deine Seite Wochen später änderst — ohne wieder bei null anzufangen.


Warum dieser Kurs anders ist als die meisten KI-Website-Videos

Die meisten hören genau dort auf, wo es unangenehm wird: beim Online-Stellen. Ein hübscher Entwurf im KI-Fenster ist keine Website. Erst Domain, Formular, Impressum und Mobilansicht machen daraus etwas, das du herzeigen kannst.

Dazu kommt ein Prinzip, das im Kurs den größten Unterschied macht: das Master-Briefing. Statt bei jedem Prompt aufs Neue zu erklären, worum es geht, legst du einmal alles fest — Farben, Schriften, Abstände, Tonalität. Danach reichen kurze Anweisungen, und deine Seite sieht auf jeder Unterseite gleich aus. Genau daran scheitern KI-gebaute Websites sonst.

Alle Prompts bekommst du als Begleitdokument zum Kopieren. Du musst nichts abtippen und nichts pausieren.


Was dieser Kurs nicht ist

Damit du dein Geld nicht für das Falsche ausgibst:

  • Kein Programmierkurs. Du lernst hier nicht HTML und CSS, du lernst, ein Ergebnis zu beschreiben.

  • Kein Onlineshop. Warenkorb, Bezahlung, Login-Bereiche und Buchungssysteme sind nicht dabei — dafür brauchst du andere Werkzeuge.

  • Keine Rechtsberatung. Ich zeige, wie du Impressum und Datenschutz erstellst und einbindest. Bei einem echten Projekt sollte jemand mit Fachkenntnis draufschauen.

  • Kein Kurs über zwanzig KI-Tools. Wir arbeiten mit einem Werkzeug und bringen ein Projekt zu Ende.


Häufige Fragen

Ich habe wirklich null technisches Vorwissen. Reicht das?

Ja. Wenn du einen Ordner anlegen und eine Datei speichern kannst, kommst du durch diesen Kurs. Jeder Schritt ist am Bildschirm zu sehen.

Was kostet mich das insgesamt?

Das Hosting ist kostenlos. Für Claude reicht in vielen Fällen der Gratis-Plan; wo er eng wird, sage ich im Kurs. Eine eigene Domain kostet je nach Endung ungefähr 10 bis 20 Euro im Jahr — und ist optional.

Brauche ich unbedingt Claude, oder geht auch ein anderes Tool?

Der Kurs verwendet Claude, weil die Vorschau dort für diesen Zweck am besten funktioniert. Das Prinzip — Briefing, Feedback-Schleife, vollständige Dateien — lässt sich auf andere KI-Werkzeuge übertragen.

Kann ich die Seite später selbst ändern?

Genau dafür ist die letzte Sektion da. Du bekommst zwei Wege gezeigt, und einer funktioniert auch dann noch, wenn du den ursprünglichen Chat längst gelöscht hast.

Wie lange brauche ich für den ganzen Kurs?

Die Videos laufen rund zweieinhalb Stunden. Wenn du an deinem eigenen Projekt mitarbeitest, plane einen ruhigen Nachmittag ein.

Funktioniert das auch für einen Verein, ein Restaurant oder ein Portfolio?

Ja. Im Kurs bauen wir die Seite eines kleinen Fotostudios, weil dort alles vorkommt: Bilder, zwei Seiten, Anfragen, Pflichtseiten. Die Struktur überträgst du direkt auf dein eigenes Vorhaben.


Melde dich an und bau deine Seite heute

Du brauchst keine Agentur und keinen Entwickler, um eine ordentliche Website online zu haben. Du brauchst zweieinhalb Stunden und ein Projekt.

Udemy gibt dir 30 Tage Geld-zurück-Garantie. Wenn dein Link am Ende nicht funktioniert, hast du nichts verloren — aber wenn er funktioniert, hast du etwas, das du seit Monaten vor dir herschiebst.

Wir sehen uns in der ersten Lektion.


Who this course is for:

  • Selbstständige, Freiberuflerinnen und kleine Betriebe, die endlich eine eigene Website brauchen
  • Alle, die ein Angebot einer Agentur bekommen haben und beim Preis kurz still geworden sind
  • Menschen, die schon einmal mit WordPress oder einem Baukasten angefangen und wieder aufgehört haben
  • Marketerinnen, Coaches, Fotografen, Handwerkerinnen und Vereine mit überschaubarem Website-Bedarf
  • Neugierige, die anhand eines echten Projekts verstehen wollen, was mit KI heute praktisch möglich ist
  • Nicht geeignet für Onlineshops mit Warenkorb, Login-Bereiche oder Buchungssysteme — dafür ist dieser Weg das falsche Werkzeug
  • Nicht geeignet für erfahrene Entwicklerinnen und Entwickler, die eine Einführung in KI-gestütztes Programmieren suchen