Bleib up-to-date mit unserem Newsletter!
Kostenloser Dashboard-Skill zum Download
Für das im Video gezeigte interaktive Dashboard habe ich einen fertigen Skill entwickelt, der dich Schritt für Schritt durch die Einrichtung führt.
Du kannst den Skill hier kostenlos herunterladen: Skill auf GitHub herunterladen
Anleitung Skills von Github installieren: https://ki-wissen.org/github-skills-installieren
ChatGPT Sites: Website & Dashboard bauen und direkt veröffentlichen – ganz ohne Hoster
Mit ChatGPT Sites baust du Landingpages, interaktive Dashboards und Web-Apps direkt in ChatGPT – und veröffentlichst sie sofort im Internet, ganz ohne eigenen Hoster. ChatGPT stellt dir automatisch eine URL zur Verfügung oder du verknüpfst deine eigene Domain.
In diesem Tutorial zeige ich dir den kompletten Workflow an zwei Praxisbeispielen: einer Landingpage, die ich mit meiner eigenen Domain verknüpfe, und einem interaktiven Dashboard, das sich automatisch aktualisiert. Am Ende weißt du, wie du mit ChatGPT Sites eigene Web-Projekte umsetzt – ohne Programmierkenntnisse und ohne einen einzigen zusätzlichen Hosting-Anbieter.
Was ist ChatGPT Sites?
ChatGPT Sites ist eine Funktion für Pro-, Team- und Enterprise-Abonnenten, mit der du direkt in ChatGPT Landingpages, interaktive Dashboards oder Web-Apps entwickelst – und im Anschluss sofort veröffentlichst. Du rufst die Funktion einfach per @sites im Chat auf, beschreibst dein Projekt in natürlicher Sprache, und ChatGPT baut daraus eine funktionsfähige Anwendung.
Der entscheidende Unterschied zu ähnlichen Tools wie Claude Design: Du musst die fertige Anwendung nicht erst exportieren und bei einem externen Hoster wie GitHub, Cloudflare Pages oder Vercel hochladen. ChatGPT übernimmt Erstellung und Veröffentlichung in einem einzigen Werkzeug – inklusive eigener URL oder Anbindung an deine bestehende Domain.
Voraussetzungen: Was du brauchst
Um ChatGPT Sites zu nutzen, brauchst du nur wenige Dinge – im Gegensatz zu Workflows mit externem Hosting entfällt die gesamte Einrichtung von GitHub, Cloudflare oder DNS-Verknüpfungen bei Drittanbietern.
ChatGPT (Pro-, Team- oder Enterprise-Abo)
Sites steht aktuell Pro-Abonnenten und Business-Kund:innen zur Verfügung. Ohne Pro-Abo ist die Funktion nicht nutzbar.
ChatGPT Desktop-App
Im Bereich ChatGPT Work kannst du zusätzlich auf lokale Daten und Ordner deines Computers zugreifen – praktisch für eigene Inhalte in deiner Anwendung.
Eigene Domain
Willst du deine Anwendung unter deiner eigenen Domain statt einer ChatGPT-URL erreichbar machen, brauchst du Zugriff auf die DNS-Einstellungen deines Domain-Anbieters (z. B. IONOS).
Verknüpfte Plugins
Für ein Dashboard mit Kalender- oder E-Mail-Daten müssen die entsprechenden Dienste vorher mit ChatGPT verknüpft sein.
Sites aufrufen und ersten Prompt erstellen
Den Menüpunkt Websites findest du direkt in der ChatGPT Desktop-App. Die dahinterliegende Funktion Sites kannst du jederzeit flexibel aufrufen – egal ob im Bereich Chat oder Work – indem du einfach das At-Zeichen eingibst, also @sites. Danach gibst du deine Anweisungen für das Projekt ein.
Mein Tipp für bessere Ergebnisse: Lass dir den finalen Befehl vorher von ChatGPT selbst formulieren. Frage zum Beispiel: „Erstelle mir einen präzisen Prompt für den Chat-Befehl @sites, um eine moderne Landingpage für [deine Website] zu bauen.“ Mit dem generierten Ziel-Prompt baut die KI anschließend die Landingpage deutlich genauer nach deinen Vorstellungen.
Du kannst ChatGPT dabei auch eine bestehende Website als Vorbild mitgeben – dann übernimmt die KI automatisch Farben, Schriften und Branding der Vorlage.
Ergebnis ansehen, anpassen und veröffentlichen
Je nach Umfang dauert die Erstellung einige Minuten. Anschließend zeigt dir ChatGPT eine Vorschau – zunächst geschützt, du musst dich also einmal mit deinem Account einloggen. Danach siehst du das Ergebnis direkt im Chat.
So passt du das Ergebnis an
Oben siehst du bereits die URL, unter der deine Anwendung erreichbar sein wird. Am Anfang ist sie nur für dich freigegeben. Willst du sie veröffentlichen, wählst du im Chatbereich die Option „Jeder im Internet“ – ab dann kann jeder mit dem Link auf deine Anwendung zugreifen.
In der App findest du deine veröffentlichte Anwendung anschließend im Menübereich Websites und kannst sie dort jederzeit weiter optimieren. Über „Bearbeiten“ erreichst du die erweiterten Einstellungen, in denen du eine benutzerdefinierte Domain oder Umgebungsvariablen für geheime Daten hinterlegst.
Praxisbeispiel: Ein interaktives Dashboard erstellen
Ein Dashboard ist eine zentrale, visuelle Anzeigeoberfläche, die Informationen aus verschiedenen Quellen auf einen Blick zusammenfasst – zum Beispiel Termine, Aufgaben und das Wetter. Solche Dashboards lassen sich auch mit anderen KI-Tools erstellen, müssen dort aber meist immer wieder neu als HTML-Datei generiert und lokal geöffnet werden.
Über ChatGPT Sites lässt sich das Dashboard dagegen geschützt im Internet bereitstellen – und es aktualisiert sich automatisch. Du musst nur noch eine feste URL aufrufen, um die neuesten Informationen zu sehen – auch von unterwegs.
Kostenloser Skill für dein eigenes Dashboard: Du kannst dir ein Dashboard natürlich auch einfach per Prompt erstellen lassen. Ich habe dafür aber einen Skill entwickelt, der dich Schritt für Schritt durch die Einrichtung deines persönlichen Dashboards führt – inklusive automatischer Aktualisierung. Du kannst ihn dir kostenlos herunterladen: Skill auf GitHub herunterladen.
So richtest du dein Dashboard ein
Die Aktualisierung übernimmt ChatGPT automatisch über eine geplante Aufgabe. Im Menüpunkt „Geplante Aufgaben“ siehst du das Intervall, kannst es anpassen und die Automatisierung jederzeit manuell auslösen, um sie zu testen. Nach der Ausführung dauert es ein paar Minuten, bis die aktualisierten Daten im Dashboard erscheinen.
Eigene Domain statt ChatGPT-URL einrichten
Statt der automatisch generierten ChatGPT-URL kannst du deine Anwendung auch unter deiner eigenen Domain erreichbar machen. In den erweiterten Einstellungen deiner Anwendung gibst du dazu deine gewünschte Domain oder Subdomain ein (im Video-Beispiel: ki-autopilot.org).
DNS-Einträge setzen
ChatGPT zeigt dir anschließend genau die Informationen, die du bei deinem Domain-Anbieter im DNS-Bereich hinterlegen musst. Im Video nutze ich dafür IONOS als Beispiel – das Prinzip funktioniert bei jedem anderen Anbieter identisch.
Keine Sorge vor Fehlern: Passiert beim Eintragen etwas falsch, wird deine Domain schlicht noch nicht richtig aufgerufen – du korrigierst den Eintrag dann einfach nach. Die Umstellung der DNS-Einträge kann etwas Zeit in Anspruch nehmen, am besten rufst du die Seite danach mehrfach erneut auf.
ChatGPT Sites vs. Claude Design & Co: Der große Unterschied
Tools wie Claude Design erzeugen ebenfalls produktionsreifen Code für Landingpages und Prototypen – veröffentlichen können sie ihn aber nicht selbst. Dafür brauchst du zusätzlich einen Hoster wie GitHub und Cloudflare Pages sowie eigene MCP-Server-Verknüpfungen. ChatGPT Sites geht diesen Umweg nicht.
ChatGPT Sites
Claude Design + externer Hoster
Beide Wege haben ihre Berechtigung: Wer bereits ein GitHub- und Cloudflare-Setup hat, profitiert von Claude Designs offenerem Export. Wer möglichst schnell und ohne zusätzliche Konten online gehen will, ist mit ChatGPT Sites im Vorteil.
Du willst KI-Workflows wie diesen in deinem Unternehmen einsetzen?
Ich zeige dir und deinem Team, wie ihr mit ChatGPT, Claude und Automatisierungen produktiver arbeitet – praxisnah und auf euren Workflow zugeschnitten.
Häufige Fragen
Ist ChatGPT Sites kostenlos?
Nein, du brauchst ein ChatGPT Pro-, Team- oder Enterprise-Abo. Ein zusätzliches Hosting-Konto oder Bandbreiten-Kosten fallen aber nicht an – die Veröffentlichung ist im Abo enthalten.
Kann ich meine eigene Domain verwenden?
Ja. Du hinterlegst deine Domain in den erweiterten Einstellungen deiner Anwendung und trägst die von ChatGPT vorgegebenen Werte im DNS-Bereich deines Domain-Anbieters ein – funktioniert bei jedem Anbieter, im Video am Beispiel IONOS gezeigt.
Brauche ich Programmierkenntnisse?
Nein. Sowohl die Erstellung als auch die Veröffentlichung erfolgen komplett per Prompt beziehungsweise Klick – ohne eine Zeile Code selbst zu schreiben.
Was ist der Unterschied zu Claude Design?
Claude Design erstellt ebenfalls produktionsreifen Code, veröffentlicht ihn aber nicht selbst – dafür brauchst du zusätzlich GitHub und einen Hoster wie Cloudflare Pages. ChatGPT Sites erledigt Erstellung und Veröffentlichung in einem Schritt, ganz ohne separaten Hoster.
Wie aktualisiert sich mein Dashboard automatisch?
Über eine geplante Aufgabe, die ChatGPT im Hintergrund ausführt. Intervall und Einstellungen kannst du jederzeit im Bereich „Geplante Aufgaben“ anpassen und manuell testen.
Ist meine Website oder mein Dashboard automatisch öffentlich sichtbar?
Nein. Standardmäßig ist deine Anwendung nur für dich zugänglich. Erst wenn du die Option „Jeder im Internet“ auswählst, wird sie für andere öffentlich erreichbar.