VibeBridgeWindsurf baut gute Websites. Der Agent schreibt HTML, CSS und JavaScript, und die lokale Vorschau sieht richtig aus. Dann kommt der Teil, den der Editor nicht lösen kann: Du willst eine in Windsurf gebaute Website veröffentlichen, damit sie eine echte URL bekommt, SSL, ein Kontaktformular, das Nachrichten zustellt, und einen Weg, wie jemand, der nie einen Code-Editor öffnet, nächsten Monat einen Tippfehler korrigieren kann.
Der übliche Weg führt über eine Entwickler-Plattform: Konto, Git-Repository, Build-Konfiguration und dazu ein separater Formular-Dienst. Das funktioniert, aber jede spätere Textänderung läuft wieder über dich und Windsurf. VibeBridge ist die Schicht für Veröffentlichung und Pflege von KI-gebauten Websites: Du schickst die fertige Seite per MCP oder ziehst den Ordner ins Portal, und Hosting, SSL, Formulare, SEO-Dateien und ein visueller Editor sind dabei. Diese Anleitung zeigt beide Wege.
Was du brauchst, um eine in Windsurf gebaute Website zu veröffentlichen
- Eine fertige statische Seite in deinem Windsurf-Projekt: HTML-Dateien plus CSS, JavaScript und Bilder.
- Ein VibeBridge-Konto. Registriere dich mit 7 Tagen kostenloser Testphase, ohne Einrichtungsgebühr.
- Etwa zehn Minuten. Eine eigene Domain ist optional und kann später kommen.
Schritt 1: Den statischen Build fertigstellen
VibeBridge veröffentlicht statische Seiten: schlichtes HTML, CSS, JavaScript und Assets, also genau das, was Windsurf bei den meisten Website-Projekten erzeugt. Hat dein Projekt einen Build-Schritt, führe ihn aus und nimm den Ausgabe-Ordner. Wenn der Agent die Dateien verstreut hat, bitte ihn, alles in einen Ordner mit relativen Pfaden und index.html auf oberster Ebene zu sammeln.
Prüfe zwei Dinge vor der Veröffentlichung. Klick dich in der Vorschau durch die Navigation, damit interne Links auf Dateien zeigen, die es auch gibt. Und falls die Seite ein Kontaktformular hat, lass es als normales HTML-Formular mit benannten Feldern: VibeBridge erkennt Formulare in hochgeladenem HTML automatisch und verdrahtet sie für dich.
Tipp: Du musst keine Bildpfade glattziehen. Relative Pfade wie images/team.jpg werden beim Upload automatisch aufgelöst, also behalte die Struktur, die der Agent angelegt hat.
Schritt 2: VibeBridge-Konto und API-Key anlegen
Registriere dich unter app.vibebridge.ai/signup und lege im Portal eine Seite an. Damit Windsurf direkt veröffentlichen kann, erstellst du dort auch einen API-Key. Er authentifiziert deinen Agenten, behandle ihn also wie ein Passwort. Die Tarife starten bei 9 € pro Monat (zzgl. USt.), Details auf der Preisseite.
Schritt 3: Windsurf per MCP verbinden und veröffentlichen, oder den Ordner hochladen
Windsurf spricht MCP, das offene Protokoll, mit dem Agenten externe Tools nutzen. Füge den VibeBridge-MCP-Server in deiner Windsurf-Konfiguration hinzu, mit der Server-URL https://app.vibebridge.ai/api/mcp und deinem API-Key. Der genaue Klickweg in Windsurf ändert sich zwischen Versionen, folge also der aktuellen Schritt-für-Schritt-Anleitung unter app.vibebridge.ai/connect.
Sobald verbunden, sagst du dem Agenten: "Veröffentliche diese Seite auf VibeBridge." Er lädt die Seiten hoch, und deine Website ist live unter einer teilbaren URL, mit SSL. Das Hosting liegt in der EU auf einem globalen CDN, die Daten in Frankfurt.
Wenn du lieber nichts konfigurieren möchtest, überspring MCP: Öffne das Portal und zieh den ganzen Seiten-Ordner in den Upload-Bereich, HTML-Dateien und Bilder zusammen. So oder so ist deine statische Windsurf-Seite in Minuten online, nicht erst nach einem Nachmittag voller Plattform-Setup.
Tipp: Die MCP-Verbindung ist nicht nur für die erste Veröffentlichung da. Der Agent kann auch Inhalte aktualisieren, SEO und Weiterleitungen verwalten und später neue Seiten veröffentlichen, alles direkt aus Windsurf heraus.
Schritt 4: Pflegen, Agent für Struktur, Editor für Inhalte
Die praktische Aufteilung nach dem Launch: Strukturelle Arbeit (ein neuer Abschnitt, eine weitere Seite) geht zurück an Windsurf und wird per MCP veröffentlicht. Für Inhaltsänderungen brauchst du Windsurf gar nicht. Mit dem visuellen Editor klickst du jeden Text und jedes Bild auf der Seite an und änderst es direkt, ohne Code.
Formular-Eingänge landen in einem Leads-Postfach mit Status, Suche und Datei-Anhängen und lösen eine E-Mail-Benachrichtigung aus. Für eine eigene Domain trägst du beim Registrar zwei DNS-Einträge ein, genau nach der Anleitung im Portal. SSL wird automatisch eingerichtet, und die Verbreitung dauert meist Minuten, höchstens 24 Stunden. Jede Veröffentlichung erzeugt sitemap.xml, robots.txt, Canonical-Tags und llms.txt neu, und die eingebaute cookielose Statistik zeigt Traffic ohne Cookies oder IP-Adressen. Das Technische ist erledigt, die Qualität der Inhalte bleibt bei dir.
Häufige Fragen
Funktioniert das mit jeder statischen Website, die in Windsurf gebaut wurde?
Ja. Jede saubere Seite aus HTML, CSS und JavaScript lässt sich veröffentlichen, egal ob der Agent sie von Grund auf geschrieben hat oder du wochenlang daran gefeilt hast. Was nicht läuft, ist serverseitiger Code: Enthält dein Projekt ein Backend, wird nur das statische Frontend veröffentlicht.
Kann der Windsurf-Agent die Live-Seite weiter bearbeiten?
Ja. Die MCP-Verbindung bleibt auch nach dem Launch nützlich. Der Agent kann Seiten aktualisieren, Inhalte ändern, SEO-Einstellungen verwalten, Weiterleitungen einrichten und neue Seiten veröffentlichen, alles über dieselbe MCP-Verbindung, die du für die erste Veröffentlichung genutzt hast.
Kann jemand ohne Windsurf die Seite bearbeiten?
Ja. Der visuelle Editor läuft im Browser: Du klickst einen Text oder ein Bild auf der Seite an und änderst es, ohne Code. Du kannst Teammitglieder oder Kunden einladen, zum Beispiel den Kunden, dem die Seite gehört, sodass sie Inhalte selbst bearbeiten.
Funktionieren Kontaktformulare ohne Backend?
Ja. VibeBridge erkennt Formulare in deinem hochgeladenen HTML automatisch und verdrahtet sie. Eingänge landen in einem Leads-Postfach mit Status, Suche und Datei-Anhängen, und jeder löst eine E-Mail-Benachrichtigung aus. Es braucht keinen separaten Formular-Dienst.
Brauche ich Git, um eine Website aus Windsurf zu veröffentlichen?
Nein. Es gibt keine Repository-Pflicht und keine Build-Pipeline zum Konfigurieren. Veröffentlicht wird per MCP oder indem du den Ordner in den Portal-Upload ziehst. Git ist trotzdem sinnvoll für deine eigene Versionshistorie, aber die Veröffentlichung hängt nicht davon ab.
Was kostet es, eine in Windsurf gebaute Website zu veröffentlichen?
Die Tarife starten bei 9 € pro Monat (zzgl. USt.), inklusive Hosting, SSL, Formularen, visuellem Editor und SEO-Automatik. Es gibt 7 Tage kostenlose Testphase, keine Einrichtungsgebühr, und du kannst monatlich kündigen. Die aktuellen Tarife stehen auf der Preisseite.