VibeBridgeGitHub Copilot ist gut darin, statische Seiten zu bauen. Ein paar Durchläufe im Editor und du hast etwas Solides, das in einem lokalen Ordner liegt. Dann kommt der Teil, den Copilot nicht übernimmt: das Online-Stellen. Wenn du eine mit GitHub Copilot gebaute Website veröffentlichen willst, ohne selbst einen Server, SSL-Zertifikate und ein Formular-Backend zu verkabeln, zeigt dir dieser Leitfaden die zwei schnellsten Wege.
Beide laufen über VibeBridge, die Veröffentlichungs- und Pflegeschicht für KI-gebaute Websites. Es ist kein Builder. Du baust weiter mit Copilot, VibeBridge bringt das Ergebnis online, macht jede Seite im Browser editierbar und hält sie am Laufen.
Was du brauchst
- Deine fertige Seite als Ordner mit statischen Dateien: HTML, CSS, JavaScript und Bilder.
- Ein VibeBridge-Konto. Es gibt eine 7-tägige kostenlose Testphase ohne Einrichtungsgebühr.
- Optional: deinen Editor mit Copilot und MCP-Unterstützung, falls der Agent das Veröffentlichen für dich übernehmen soll.
- Optional: eine Domain, die dir bereits gehört, für den späteren Schritt mit der eigenen Domain.
Schritt 1: Den Build statisch und in sich geschlossen halten
Stelle sicher, dass das Projekt aus reinen statischen Dateien ohne Build-Schritt besteht. Falls Copilot ein Framework-Projekt aufgesetzt hat, bitte es, die Seite als eigenständige HTML-Seiten neu zu schreiben. Ein Ordner sollte alles enthalten, was die Seite braucht.
Das Detail, an dem die meisten hängen bleiben, sind Bildpfade. Verweise wie images/hero.jpg (relativ zur HTML-Datei) überstehen einen Upload, absolute Pfade, die auf deine lokale Festplatte zeigen, dagegen nicht. Kontaktformulare dürfen schlichtes HTML mit Feldern und einem Absende-Button bleiben, sie brauchen keine Action-URL und keinen Backend-Code, denn VibeBridge verkabelt erkannte Formulare nach dem Upload automatisch.
Tipp: Frag Copilot direkt: "Prüfe, ob alle Bild-, CSS- und Script-Verweise in diesem Projekt relative Pfade sind, und korrigiere alle, die es nicht sind."
Schritt 2: Ein VibeBridge-Konto anlegen
Registriere dich unter app.vibebridge.ai/signup. Die Testphase läuft 7 Tage, es gibt keine Einrichtungsgebühr, und bezahlte Tarife starten bei 9 € pro Monat (zzgl. USt.), vergleichbar auf der Preisseite, monatlich kündbar. Das Konto gibt dir das Portal, in dem Uploads, der Editor, Formulare und Domains liegen.
Schritt 3: Die mit GitHub Copilot gebaute Website veröffentlichen
Zwei Wege hinein, und du kannst sie kombinieren.
Variante A: den Ordner ins Portal ziehen. Öffne im VibeBridge-Portal den Upload-Bereich und lege den gesamten exportierten Ordner hinein, HTML-Dateien und Bilder zusammen. Relative Bildpfade werden automatisch aufgelöst, und die Seite bekommt sofort eine Live-URL auf EU-Hosting mit automatischem SSL. Das ist der einfachste Weg, wenn du einmal veröffentlichst und gelegentlich nachbesserst.
Variante B: Copilot über MCP verbinden. Wenn du im Editor weiter iterierst, hinterlege den VibeBridge-MCP-Server, damit der Agent die Seite selbst veröffentlichen und pflegen kann. Die Server-URL lautet https://app.vibebridge.ai/api/mcp, und Entwickler-Tools authentifizieren sich mit einem API-Schlüssel, den du im Portal erstellst. Einmal verbunden, kann der Agent Seiten veröffentlichen, Inhalte ändern, SEO-Einstellungen, Formulare, Medien und Weiterleitungen verwalten, alles über einen Prompt wie "veröffentliche diese Seite auf meiner Website". Die genaue Klick-für-Klick-Einrichtung für jedes Tool findest du auf der Verbinden-Seite.
Tipp: Starte mit dem Ordner-Upload, um die Seite live zu sehen, und ergänze die MCP-Verbindung dann, wenn Copilot Updates pushen soll, ohne dass du noch einmal etwas hochladen musst.
Schritt 4: Inhalts-Bearbeitung abgeben, bei Bedarf weiter coden
Sobald die Seite live ist, verschiebt sich die Arbeitsteilung. Text- und Bildänderungen brauchen weder dich noch Copilot: Jeder, den du einlädst, kann den visuellen Editor öffnen, auf der echten Seite eine Überschrift oder ein Foto anklicken und ändern, ganz ohne Code. Damit kannst du die Seite gefahrlos an eine Kundin oder einen Teamkollegen übergeben.
Formular-Einsendungen landen in einem Leads-Posteingang mit Status-Verfolgung, Suche und Dateianhängen, und jede einzelne löst eine E-Mail-Benachrichtigung aus. Für deine eigene Domain zeigt dir VibeBridge genau zwei DNS-Einträge, die du bei deinem Registrar hinzufügst. SSL wird automatisch bereitgestellt, sobald sie propagiert sind, meist innerhalb von Minuten. Jede Veröffentlichung erzeugt außerdem sitemap.xml, robots.txt, Canonical-Tags und llms.txt neu, sodass die technische SEO-Basis abgedeckt ist. Die inhaltliche Qualität bleibt deine Sache.
Wenn die Seite strukturelle Arbeit braucht, einen neuen Abschnitt oder eine Layout-Änderung, gehst du zurück zu Copilot, machst die Änderung und schiebst sie über den Upload oder die MCP-Verbindung hinaus. Der Code bleibt dein Terrain, der Inhalt ist nicht mehr dein Problem.
Häufige Fragen
Funktioniert VibeBridge mit jedem statischen HTML, das Copilot erzeugt?
Ja. Jedes saubere statische HTML funktioniert, ohne vorgeschriebene Vorlage oder Namenskonvention. Halte die Asset-Pfade relativ und lege alles in einen Ordner, dann löst der Upload den Rest automatisch.
Brauche ich git oder CI, um eine mit GitHub Copilot gebaute Website zu veröffentlichen?
Nein. Es gibt keine Repository-Pflicht und keine Pipeline zum Konfigurieren. Du ziehst entweder den Ordner ins Portal oder lässt den verbundenen Agenten über MCP veröffentlichen. Deinen Code mit git zu versionieren ist trotzdem eine gute Angewohnheit, aber das Veröffentlichen hängt nicht davon ab.
Kann Copilot die Live-Seite nach der ersten Veröffentlichung aktualisieren?
Ja, über MCP. Mit dem VibeBridge-MCP-Server in deinem Editor mit Copilot und einem API-Schlüssel aus dem Portal kann der Agent neue Seiten veröffentlichen, Inhalte ändern und SEO, Formulare, Medien sowie Weiterleitungen auf der Live-Seite verwalten.
Was passiert mit dem Kontaktformular, das Copilot geschrieben hat?
VibeBridge erkennt Formulare im hochgeladenen HTML und verkabelt sie automatisch. Einsendungen kommen in einem Leads-Posteingang im Portal an und lösen eine E-Mail-Benachrichtigung aus. Du brauchst kein Backend, keinen Formular-Dienst und keinen zusätzlichen Code.
Kann ein Teammitglied die Seite bearbeiten, ohne den Code anzufassen?
Ja. Lade die Person im Portal zur Seite ein, dann kann sie den visuellen Editor nutzen: Jeden Text oder jedes Bild auf der Seite anklicken und direkt ändern. Der Code, den du und Copilot geschrieben habt, bleibt unangetastet, es sei denn, jemand lädt bewusst eine neue Version hoch.
Was kostet das Veröffentlichen mit VibeBridge?
Die Tarife starten bei 9 € pro Monat (zzgl. USt.), mit einer 7-tägigen kostenlosen Testphase, ohne Einrichtungsgebühr und monatlich kündbar. Details findest du auf der Preisseite. Fragen beantworten wir unter support@vibebridge.ai.