Klickstarter Akademie
Lektion 3

Deine erste Website
– ohne Coden

Erstelle in 60 Sekunden deine erste AI-generierte Landingpage

Neu: Interaktiver Prompt-Baukasten

Was ist v0.dev?

v0 ist das einfachste Tool, um deine erste Website zu bauen – ohne technisches Vorwissen. Es ist ein AI-gestützter Page Builder, der auf deine Beschreibung hin automatisch funktionierende HTML-/CSS-Websites baut.

Die größte Hürde beim Start ins Webdesign ist oft: „Wo fang ich an?" v0 nimmt dir genau diese Sorge ab.

So funktioniert es:

  1. 1Du gibst eine Beschreibung deiner Wunschseite ein (Prompt)
  2. 2v0 generiert daraus in Sekunden fertigen Code
  3. 3Du kannst sofort das Design, den Text und die Inhalte verändern – alles visuell

Warum v0 ideal für dich ist:

  • Kein Code nötig

    Du brauchst keinen einzigen Code-Schnipsel zu verstehen

  • Sofort Vorschau

    Sieh deine Seite in Echtzeit, während sie entsteht

  • Einfache Bearbeitung

    Ändere Texte, Farben und Elemente mit wenigen Klicks

  • Exportfähig

    Speichern, exportieren oder direkt hosten

  • Keine Installation

    Direkt im Browser nutzbar, ohne Software zu installieren

Pro-Tipp: Mit v0 kannst du in 10 Minuten eine Seite erstellen, für die du sonst Tage brauchen würdest!

Interaktiver Baukasten

Erstelle deinen eigenen Prompt

Kombiniere verschiedene Elemente und generiere sofort einen funktionierenden Prompt

Prompt-Baukasten

Generierter Prompt:

 Beispiel-Prompt
So sieht ein funktionierender Prompt aus
Kopiere diesen Prompt und sieh, wie v0 in Sekunden eine komplette Website erstellt
Prompt für v0.dev
Mit diesem Prompt erstellt v0 in wenigen Sekunden:
  • Eine ansprechende Hero-Sektion mit Headline und Subtext
  • Drei Feature-Boxen mit Icons und Texten (z. B. „Flexible Zeiten", „Persönliche Betreuung", „Sichtbare Erfolge")
  • Eine Kundenstimme
  • Ein Kontaktformular
Wichtig:
Das ist kein Template, sondern ein individuell generiertes Layout – du kannst es anpassen, löschen, neu generieren, verändern.
 Beispiel-Galerie
Beispiel-Prompts für verschiedene Branchen
Entdecke fertige Prompts für verschiedene Anwendungsfälle
Coaches
Fitness Coach
Beispiel für Fitness Coach
Prompt
Fitness Coach
Create a modern landing page for a fitness coach offering 1-on-1 training. The page should include a headline, a short intro, three feature cards, a testimonial and a contact form.
Wellness
Yoga Studio
Beispiel für Yoga Studio
Prompt
Yoga Studio
Design a calming landing page for a yoga studio with class schedule, instructor bios, pricing options, and a newsletter signup. Use soft colors and include a video section.
Digital Products
E-Book Launch
Beispiel für E-Book Launch
Prompt
E-Book Launch
Create a landing page for an e-book launch with a hero section showing the book cover, key benefits, author bio, pricing, and a limited-time offer countdown. Include social proof and FAQs.
 Erste Schritte
So startest du mit v0
In nur 5 einfachen Schritten zu deiner ersten Website
1. Öffne v0.dev
Kein Login notwendig. Einfach öffnen und loslegen.
2. Prompt einfügen
Kopiere den Beispiel-Prompt in das Texteingabefeld oben.
3. Vorschau anschauen
Nach ein paar Sekunden erscheint eine Vorschau deiner Seite.
4. Änderungen vornehmen
Klicke auf Texte, Farben oder Elemente – alles ist bearbeitbar.
5. Seite speichern
Speichere den Link oder exportiere den Code für dein Projekt.
Mein Tipp für dich
  • 🔹
    Teste erst einmal 2–3 verschiedene Prompts.
  • 🔹
    Spiele mit Varianten: weniger Inhalt, andere Struktur, andere Zielgruppe.
  • 🔹
    Nutze das Tool zum Lernen durchs Tun – je mehr du ausprobierst, desto schneller wird es gehen.
Du brauchst keine Angst vor Technik haben – du wirst sehen, wie einfach es geht. Und: Fehler sind erlaubt!
Bonus-Tipp für Profis
Nutze "Copy to Playground", um deinen Code zu speichern und später weiterzubearbeiten. So kannst du mehrere Versionen erstellen und vergleichen.
Exklusiver Tipp aus der Praxis
 Lernaufgabe
Deine Lernaufgabe
Jetzt bist du dran! Folge diesen Schritten, um deine erste v0-generierte Landingpage zu erstellen
Öffne v0.dev
Gehe auf v0.dev in deinem Browser
Nutze den Beispiel-Prompt oder schreibe deinen eigenen
z.B. „Landingpage für eine Yogalehrerin mit 3 Kursangeboten, Call-to-Action und FAQ"
Bearbeite mindestens 3 Elemente
Klicke auf die Elemente und ändere sie nach deinen Vorstellungen
Speichere deine Seite als Link oder exportiere sie
Nutze die Export-Funktion oder speichere den Link
Teile sie mit anderen in unserer Community
Feedback von anderen kann sehr wertvoll sein!
Premium-Inhalt freischalten
🎁 Prompt Cheat Sheet für erste v0-Projekte
Enthält:
  • 15 getestete Prompts für Coaches, Freelancer, lokale Anbieter, digitale Produkte
  • Dark/Light-Mode Varianten
  • Spezial-Elemente wie Scroll-Animation, Floating CTA, Split-Screen
  • Format-Vorlagen für Events, Freebies, Kursverkauf & mehr
Für Coaches
5 Prompt-Vorlagen für Coaching-Websites
Create a coaching landing page with...
Für Freelancer
5 Prompt-Vorlagen für Freelancer-Portfolios
Design a portfolio page with...
Für Produkte
5 Prompt-Vorlagen für digitale Produkte
Build a product landing page with...
 FAQ
Häufige Fragen
Antworten auf die wichtigsten Fragen zu v0
 Erfolgsgeschichten
Was unsere Nutzer sagen
Erfahre, wie andere mit v0 ihre ersten Websites erstellt haben
Avatar
Sarah M.
Yoga-Lehrerin
"Ich hatte keine Ahnung von Webdesign, aber mit v0 konnte ich in nur einer Stunde eine professionelle Seite für mein Yoga-Studio erstellen. Meine Kunden sind begeistert!"
Avatar
Markus K.
Freelance Designer
"v0 hat meine Arbeitsweise komplett verändert. Ich kann jetzt Prototypen in Minuten erstellen und meinen Kunden sofort zeigen. Das spart mir Tage an Arbeit!"
Avatar
Lisa T.
Startup-Gründerin
"Mit v0 konnte ich die erste Version unserer Produktseite erstellen, ohne einen Designer zu engagieren. Das hat uns viel Geld gespart und wir konnten schneller starten."
Bereit für mehr? Entdecke alle Funktionen von v0