Eigene kleine Apps direkt in ChatGPT bauen & ausführen
Lerne, wie du mit der Canvas-Funktion in ChatGPT interaktive Web-Apps wie einen Windows 95-Client entwickelst, APIs anbindest und Code direkt renderst.
Dieser Snip gehört zum Mitgliederbereich. Melde dich an, um deinen Zugriff zu prüfen und weiterzulernen.
Anmelden und ansehenÜber diesen Snip
Mit der Canvas-Funktion in ChatGPT lassen sich nicht nur HTML- und React-Codeschnipsel schreiben, sondern Webanwendungen direkt im Browser rendern, interaktiv bedienen und anpassen.
In diesem Snip zeigt Pascal Schritt für Schritt, wie du einen interaktiven ChatGPT-Client im Retro-Look von Windows 95 baust. Über gezielte Folgeprompts wird die Anwendung von statischen Dummy-Antworten auf eine echte Schnittstellenanbindung zur OpenAI-API inklusive flexibler Eingabefelder für API-Key und System-Prompt erweitert.
Zusätzlich demonstriert das Video, wie sich mit dem Denkmodell OpenAI o1 komplexere React-Komponenten umsetzen lassen und worauf beim sicheren Umgang mit API-Schlüsseln im Quellcode zu achten ist.
Vom Anschauen zum Anwenden
Was möchtest du aus diesem Snip in deinem Arbeitsalltag ausprobieren? Wähle eine konkrete Aufgabe und überlege, wie du das Ergebnis überprüfen kannst.
