v0

Was ist v0?

v0 ist eine von Vercel entwickelte AI-basierte Plattform für die Entwicklung vollständiger Anwendungen. Sie ermöglicht es, aus natürlicher Sprache, Screenshots, Wireframes oder Figma-Designs echten, funktionsfähigen Webcode zu erstellen. Ursprünglich konzentrierte sie sich auf die Erstellung von React-Basierten Benutzeroberflächen, doch heute umfasst ihr Funktionsumfang auch die Backend-Logik, Datenbanken, externe APIs sowie Tests und die Bereitstellung in der Produktion.

Benutzer können zwischen Chat, Code-Editor und Echtzeit-Voransicht iterieren und das Projekt auch mit GitHub verbinden, um die Entwicklung lokal fortzusetzen. v0 eignet sich besser für moderne Webanwendungen und ist insbesondere für die Ökosysteme Next.js, React, Tailwind CSS und Vercel geeignet.

Hauptfunktionen von v0

• Erstellen von Landing Pages, Backend-Systemen und Full-Stack-Anwendungen in Chinesisch oder anderen natürlichen Sprachen;
• Eine hochauflösende Benutzeroberfläche wird anhand von Screenshots, Wireframes und Figma-Dateien rekonstruiert;
• Integrierter vollständiger Code-Editor, Echtzeit-Voransicht und Versionsunterschiede;
• Im Design-Modus können Elemente direkt ausgewählt werden, um deren Stil und Inhalt anzupassen.
• Agenten können Webseiten durchsuchen, den Browser bedienen, Terminalbefehle ausführen und Fehler beheben;
• Verbindung von Datenbanken, Zahlungen, AI-Modellen, externen APIs und dem Vercel Marketplace;
• Unterstützung für MCP-Server sowie die Möglichkeit zur Vorinstallation von Erweiterungstools für intelligente Agenten;
• Die bidirektionale Integration mit GitHub ermöglicht das Importieren von Repositorien, das Erstellen von Branches sowie das Einreichen von Änderungen.
• Einfache Veröffentlichung auf Vercel sowie Konfiguration von Domainnamen, Umgebungsvariablen und Vorab-Deployment;
• Integrieren Sie die Erstellungsfunktionen über die v0-API und das TypeScript SDK in den Workflow.

Erstellung echter Anwendungen aus Prompten

Der Benutzer kann das Ziel der Seite, die Rolle der Benutzer, den visuellen Stil, die Datenstruktur sowie die Interaktionsabläufe beschreiben. v0 erstellt anschließend die Projektdateien und startet eine Vorschau. Das Ergebnis ist codierbarer Code – und nicht nur ein Konzeptentwurf der Benutzeroberfläche in Form von Bildern.

Klare Geschäftsregeln und Akzeptanzkriterien sind in der Regel effektiver als ein aufgestapeltes Vokabular. Komplexe Produkte sollten in Seiten, Datenmodelle, Berechtigungen und Schlüsselprozesse unterteilt werden, um schrittweise fertiggestellt zu werden.

Schnappschüsse, Drahtzeichnungen und Code-Übertragung aus Figma

v0 kann hochgeladene visuelle Referenzen lesen und ähnliche Layouts erstellen, außerdem kann es mit Figma verbunden werden, um den Designkontext abzurufen. Es eignet sich gut zur schnellen Erstellung von Hochauflösungs-Prototypen, doch Schriftarten, responsive Breakpoints, komplexe Animationen sowie Details des Designsystems müssen weiterhin manuell angepasst werden.

Visualer Bearbeitungsmodus Design

Design-Modus ermöglicht es, in der Echtzeit-Vorschau Elemente auszuwählen und Schriftarten, Farben, Abstände, Ränder, Ecken, Schatten sowie den Text anzupassen. Zudem können für den ausgewählten Bereich natürlichsprachige Anweisungen eingegeben werden, um strukturelle Änderungen vorzunehmen.

Nach dem Klicken auf „Anwenden“ wird durch die Änderungen eine neue Codeversion erstellt. Es ist möglich, die Unterschiede anzusehen, mit der Weiterentwicklung fortzufahren oder auf eine frühere Version zurückzukehren. Dieses Modus gilt nur für die neuesten Prüfversionen sowie die aktuellste Version des Chats – er unterstützt keinen Lesemodus für den Chat sowie keine mobile Ansicht.

Agenten, Browser und Terminals

Der v0-Agent kann in Echtzeit nach Informationen suchen, Anwendungen öffnen, einen Browser bedienen und Screenshot erstellen zur Überprüfung. Zudem kann er Tests ausführen sowie Deployment-Logs lesen. Die automatische Fehlerbehebung führt weiterhin Anpassungen bei Abhängigkeiten, Syntaxproblemen, Importproblemen sowie Problemen während der Ausführung durch.

Die Schnittstelle bietet drei Berechtigungsmodi: Ask, Auto und Full. Standardmäßig wählt Auto automatisch entsprechend den Regeln aus, ob eine Anfrage gestellt werden soll. Für Produktionsdaten oder sensible Datenbanken sollte „Ask“ gewählt werden, wobei klare Regeln für Genehmigung, Anfrage und Ablehnung festgelegt werden müssen.

Full-Stack-Daten und Integration mit Drittanbietern

v0 kann mit Neon, Supabase, Upstash, Stripe, AI-Modellen sowie anderen Diensten des Vercel Marketplaces verbunden werden und außerdem externe APIs aufrufen. Die für die Integration benötigten Umgebungsvariablen werden dem entsprechenden Vercel-Projekt hinzugefügt; die Entwicklervorschau kann nur auf die Entwicklungsumgebungsvariablen zugreifen.

Die Server-Schlüssel sollten nicht das Präfix NEXT_PUBLIC enthalten, da sonst Code in den Browser gelangt. Auch wenn das System Warnungen ausgibt, sollten Entwickler weiterhin Berechtigungen, Servergrenzen, Eingabenüberprüfungen sowie Zahlungs-Rückrufe überprüfen.

Doppelte Synchronisierung mit GitHub

v0 kann in ein GitHub-Repo importiert werden oder ein neues Repo für ein Projekt erstellt werden, wobei die Änderungen in einem Working Branch gespeichert werden. Nach der Verbindung wird das GitHub-Repo zur eigentlichen Quelle des Codes – v0 speichert dann keine eigenständige Kopie des Codes mehr.

Wenn die Basis-Branch gleichzeitig die Vercel-Produktions-Branch ist, kann die Fusion automatisch einen Veröffentlichungsvorgang auslösen. Das Team muss Branch-Schutzmechanismen, Prüfveröffentlichungen, Tests sowie manuelle Genehmigungen nutzen, um zu verhindern, dass Änderungen durch KI direkt in die Produktion gelangen.

Einfache Bereitstellung mit Vercel

Klicken Sie auf „Publish“, um ein Vercel-Projekt zu erstellen oder zu aktualisieren, und erhalten Sie HTTPS, globale Verteilung sowie Produktionsadressen. Domainnamen, Umgebungsvariablen, Analysefunktionen, Schutzmaßnahmen bei der Bereitstellung sowie fortgeschrittene Betriebseinstellungen müssen im Vercel-Projekt weiterhin verwaltet werden.

Die v0-Abonnementierung ist unabhängig von den Vercel-Hosting-Paketen – der Kauf von Vercel Pro erhöht die v0-Menge nicht automatisch. Nach dem Veröffentlichen der Anwendung können außerdem Kosten für Bandbreite, Funktionen, Datenbanken sowie Drittanbieterdienste anfallen.

Vergleich der Kernfähigkeiten von v0

v0-Preis

V0 bietet derzeit die Versionen Free, Plus, Business und Enterprise an. Neue Nutzer können die inzwischen nicht mehr erhältliche Version Premium nicht mehr erwerben. In der folgenden Tabelle sind die offiziellen Monatspreise in US-Dollar aufgeführt.

Die Kosten für Vercel-Hosting, Domainnamen, Datenbanken, Modelle und andere externe Dienste sind nicht im v0-Abonnement enthalten.

Punkte, Token und Gültigkeitsdauer

Der Punktewert ist ein Vorauszahlungsbetrag, der bei jeder Erstellung entsprechend den für das gewählte Modell verarbeiteten Eingangs- und Ausgabetokens abgezogen wird. Das Chatverlauf, Projektdateien sowie Kontexte im Zusammenhang mit Vercel können ebenfalls als Eingangswerte berücksichtigt werden, wodurch lange Gespräche und große Projekte mehr Ressourcen verbrauchen.

Für Premium, Plus und Business können zusätzliche Punkte jederzeit erworben werden; für Enterprise ist es notwendig, sich an den Kundenbetreuer zu wenden. Je nach Modell liegt die Anzahl der verarbeitbaren Tokens pro Punkt unterschiedlich hoch. Die genauen Gebühren können in dem Moduswahl- und Verbrauchsfenster in Echtzeit eingesehen werden.

Anleitung für v0

Eine Website von Grund auf erstellen

1. Zuerst sollten die Ziele der Website, die Zielgruppe, die Seiten sowie die wichtigsten Conversion-Aktionen klar definiert werden.
2. Erklärung zu den Markenfarben, Schriftarten, Referenzstilen und Anforderungen für die mobile Version;
3. Lassen Sie v0 zunächst die Seitenstruktur sowie einen vollständigen Schlüsselablauf erstellen.
4. Testen Sie in der Vorschau Seite für Seite die Navigation, Formulare und das responsive Layout;
5. Verwenden Sie den Design-Modus, um Abstände, Schrift und visuelle Hierarchien anzupassen;
6. Es werden Ergänzungen zu Zugänglichkeit, Fehlerrichtungen, Ladezuständen und SEO-Informationen erforderlich.
7. Eine Vorschau wird den zuständigen Personen zur Überprüfung bereitgestellt, und nach Bestätigung wird sie in die Produktion aufgenommen.

Erstellung einer Datenbankanwendung

1. Definieren von Datentabellen, Feldern, Benutzerrollen sowie Lese- und Schreibrechten;
2. Verbinden Sie die erforderlichen Datenbanken über das Projekt-Integrationss panel.
3. Platzieren Sie den Server-Schlüssel in einer geschützten Umgebungsvariable;
4. v0 soll Authentifizierung, Eingabenüberprüfung und Serverseitige Autorisierung bereitstellen;
5. Verwendung von Testdaten zur Überprüfung von Hinzufügen, Abfragen, Aktualisieren und Löschen;
6. Überprüfung von Übergriffen auf Berechtigungen, mehrfachen Einreichungen, fehlerhaften Rollbacks und Protokollen;
7. Konfigurieren Sie getrennt die Entwicklungs- und Produktionsumgebung, bevor Sie die Bereitstellung durchführen.

Zusammenarbeiten mit dem GitHub-Team

1. Installieren Sie die Vercel GitHub App und erteilen Sie nur den notwendigen Repositorien Berechtigungen;
2. Importieren Sie in v0 in den Repository, damit das System einen eigenen Arbeitszweig erstellt;
3. Zuerst werden die Code-Vorschriften, die Testbefehle und die Bereiche, in denen Änderungen verboten sind, erläutert;
4. Die Funktionen in kleinere Teile aufteilen, sodass bei jeder Erstellung nur ein Ziel verarbeitet wird;
5. Überprüfen Sie die Unterschiede, die Testergebnisse und eine Vorschau der Bereitstellung;
6. Erstellen Sie einen Pull-Request und lassen Sie die Sicherheit sowie die Geschäftslogik von Menschen überprüfen;
7. Durch den Schutz von Branch-Merges wird die Produktveröffentlichung sowie die Überwachung beobachtet.

Für welche Benutzer eignet sich v0?

• Produktmanager: Schnelle Erstellung interaktiver Prototypen und Überprüfung von Prozessen;
• Designer: Figma, Screenshot und Wireframes in eine echte Benutzeroberfläche umwandeln;
• Frontend-Entwickler: Erstellung von Komponenten, Seiten und responsiven Layouts;
• Full-Stack-Entwickler: Aufbau von Datenbanken, Authentifizierung, APIs und Backend-Logik;
• Unternehmer: Von der Idee bis zum schnell erstellbaren Minimum-Viable-Product;
• Marketing-Team: Erstellung von Veranstaltungsseiten, Rechnern und Tools zur Kundenakquise;
• Datenteam: Erstellung von Dashboards, Visualisierungen und Datenanwendungen.

Vorteile von v0

• Von natürlicher Sprache bis zu echtem Code – der gesamte Prozess der Vorschau und des Deployments ist abgedeckt.
• Tiefe Unterstützung für die Ökosysteme von Next.js, React und Vercel;
• Visuelle Erstellung und Design-Modus bieten sowohl eine schnelle Erstellung als auch präzise Anpassungen.
• Agenten können Webseiten, Browser, Terminals und externe Tools verwenden;
• Es kann mit Datenbanken, Zahlungssystemen, AI-Modellen und MCP-Diensten verbunden werden;
• Die bidirektionale Synchronisierung von GitHub erleichtert den Zugang zu einem standardmäßigen Entwicklungsprozess.
• Es werden APIs sowie ein open-source TypeScript SDK zur automatisierten Integration bereitgestellt.

Einsatzbeschränkungen und Hinweise

• Die erzeugten Ergebnisse können visuell ähnlich sein, aber nicht vollständig den Designvorgaben entsprechen.
• Komplexe Geschäftsprozesse, Berechtigungen, Zahlungsabläufe sowie Konkurrenzlogiken müssen weiterhin von Ingenieuren überprüft werden.
• Lange Gespräche und große Code-Contexte erhöhen den Punkteverbrauch;
• Die v0-Mitgliedschaft beinhaltet nicht alle Kosten für die Vercel-Hosting-Dienste sowie Drittanbieterdienste.
• Wenn die Basis-Branch von GitHub mit der Produktions-Branch übereinstimmt, kann die Fusion direkt in Produktion gehen;
• Vollständige Terminalrechte ermöglichen die Ausführung unbestätigter Befehle und eignen sich nicht für sensible Projekte;
• Free- und Plus-Inhalte können auf Paketebene nicht aus dem Modelltraining ausgeschlossen werden;
• Das Produkt ist eher auf die moderne Web-Stack-Technologie ausgerichtet und kein spezieller Builder für native Mobile- oder Desktop-Anwendungen.

Privatsphäre, Sicherheit und Code-Eigentum

v0 führt den generierten Code in einer isolierten Sandbox aus und führt eine Sicherheitsanalyse des Codes durch; die nach dem Deployment verwendeten Serverfunktionen werden ebenfalls in einer isolierten Umgebung von Vercel ausgeführt.

Die Plattform ist in das SOC 2 Type 2-Zertifizierungsverfahren von Vercel einbezogen und bietet Umgebungsvariablen, gemeinsame Berechtigungen sowie eine Versionshistorie.

Offiziell wird mitgeteilt, dass Vercel v0 mithilfe öffentlicher und privater Datensätze bereitstellt. Derzeit werden die Funktionen für Business- und Enterprise-Kunden nicht zur Datenverarbeitung genutzt. Bei den Versionen Free und Plus gibt es keine Möglichkeit, aus dem jeweiligen Paket auszusteigen. Bevor Kunden Quellcode, Geschäftsgeheimnisse oder personenbezogene Daten eingeben, sollten sie gemäß den Vertragsbedingungen sowie den Datenschutzvorgaben die geeignete Lösung wählen.

• Der Schlüssel wird nur in den Umgebungsvariablen des Serverseits gespeichert und nicht in Prompten oder Code-Repositories geschrieben.
• Fügen Sie kein PREFIX NEXT_PUBLIC zu sensiblen Variablen hinzu;
• Verwenden Sie Datenbankkonten mit minimalen Berechtigungen sowie kurzfristige Token für externe Dienste;
• Für GitHub Branch-Schutz, Überprüfungen und Status-Prüfungen aktivieren;
• Manuelle Sicherheitstests für von KI erzeugte Authentifizierungs-, Autorisierungs- und Zahlungscodes durchführen;
• Unternehmen können die Governance durch RBAC, SSO, Auditing und private Arbeitsbereiche stärken.

Erklärungen zu API, GitHub und Open Source

v0 bietet eine offizielle API sowie das TypeScript v0-sdk, mit denen Chat-Funktionen erstellt, Projekte verwaltet, Nachrichten gesendet, Ergebnisse in Echtzeit empfangen und Deployments ausgelöst werden können. Die API eignet sich für interne Build-Tools, CI-Prozesse und benutzerdefinierte Entwicklungswerkzeuge; die Kosten sowie Berechtigungen richten sich nach den Vorgaben der Konsole.

Die v0-Hosting-Plattform und das Kerngenerierungsmodell sind keine Open-Source-Projekte, doch die offizielle v0-sdk-Software ist auf GitHub verfügbar. Benutzer können den von ihnen erstellten Code exportieren und lokal ändern. Die genauen Rechte am erstellten Code unterliegen weiterhin den Servicebedingungen, den Lizenzen der Drittanbieter-Abhängigkeiten sowie den Lizenzbedingungen der eingegebenen Materialien.

Häufige Fragen

Kann v0 kostenlos verwendet werden?

Ja, Free beinhaltet monatlich Punkte im Wert von 5 US-Dollar sowie eine Begrenzung von 7 Nachrichten pro Tag. Diese Leistungen eignen sich für Tests und kleine Prototypen; komplexe Anwendungen erfordern in der Regel eine Gebühr.

Wie viel kostet v0 Plus und Business?

Plus kostet 30 US-Dollar pro Benutzer pro Monat, Business 100 US-Dollar. Beide Angebote beinhalten außerdem 30 US-Dollar wertvolle Punkte pro Mitglied pro Monat. Business ist zudem für Teams gedacht, denen die Datensicherheit wichtig ist.

Kann v0 einen vollständigen Backend entwickeln?

Es ist möglich, Serverlogik, Datenbankzugriffe, Authentifizierung, APIs sowie externe Integrationen zu erstellen und auf Vercel zu deployen. Für Berechtigungen auf Produktionsniveau, Datenmigration, Überwachung und Sicherheit sind weiterhin Fachleute erforderlich.

Kann der von v0 erzeugte Code exportiert werden?

Ja, man kann den Code im integrierten Editor ändern oder über bidirektionale Synchronisierung mit GitHub weiterhin lokal entwickeln. Nach dem Verbinden mit dem Repository wird GitHub zur Quelle des Codes.

Ist v0 Open Source?

Die v0-Plattform und die Erstellungsmodelle sind keine Open-Source-Produkte, während der offizielle TypeScript SDK seine Quellcodes öffentlich zugänglich macht. Die in von Benutzern erstellten Projekten verwendeten Frameworks und Abhängigkeiten unterliegen jeweils den entsprechenden Open-Source-Lizenzbedingungen.