Konten anlegen
Erstelle ein GitHub-Konto und ein Netlify-Konto. Beide bieten kostenlose Einstiegstarife mit Nutzungsgrenzen. Das KI-Werkzeug kann zusätzliche Kosten verursachen. GitHub Free · Netlify Free
Einmalig
In vier Schritten startklar
GitHub bewahrt deine Dateien auf. Netlify macht daraus eine erreichbare Website. Anschließend verbindest du ein KI-Werkzeug, das Dateien bearbeiten und hochladen kann.
Auf GitHub einen Online-Ordner erstellen
Dieser Ordner heißt Repository und merkt sich auch spätere Änderungen.
- Öffne github.com/new oder klicke rechts oben auf + → New repository.
- Wähle deinen Account als Owner und einen Namen, zum Beispiel
meine-seiten. - Wähle Private, aktiviere Add a README file und klicke Create repository.
Damit gleich eine Seite erscheint: Klicke im Repository auf Add file → Create new file, gib als Dateinamen public/index.html ein und füge diesen Startinhalt ein:
<!doctype html>
<html lang="de">
<meta charset="utf-8">
<title>Meine Seiten</title>
<h1>Es funktioniert!</h1>Klicke dann Commit changes. GitHub-Anleitung zum Erstellen einer Datei
Netlify mit GitHub verbinden
- In Netlify: Add new project → Import an existing project → GitHub.
- Erlaube Netlify Zugriff auf dieses Repository und wähle es aus.
- Wähle Branch
main. Der Netlify-Projektname darf anders heißen als das Repository; er muss nur frei sein. - Für diese einfache Seite: Build command leer, Publish directory
public, Functions directory leer, Environment variables leer. - Klicke Publish und öffne die neue Adresse mit
.netlify.app.
Fürs Teilen muss die Sichtbarkeit passen: Project configuration → General → Visitor access → Project visibility. Neue Netlify-Projekte können zunächst privat sein. Netlify-Anleitung · Sichtbarkeit einstellen
KI-Werkzeug mit dem Repository verbinden
Das Werkzeug muss Dateien schreiben und zu GitHub hochladen können. Gib ihm Zugriff auf genau dieses Repository und prüfe ihn mit einer kleinen Änderung. Codex oder ein vergleichbarer Coding-Agent kann das übernehmen.
Die GitHub-App in einem normalen ChatGPT-Chat erlaubt laut OpenAI nur das Lesen. Für Änderungen brauchst du Codex oder ein anderes Werkzeug mit Schreibzugriff. OpenAI: GitHub-Zugriff
Danach immer wieder
Unterwegs anfangen, später teilen
Sprich oder schreibe ein paar Stichpunkte. Die KI fragt nach Zielgruppe, Kernaussage und Länge, baut eine Präsentation als Webseite und zeigt dir einen Entwurf. Du kannst ihn später am Laptop prüfen. Ob die Arbeit ohne offene Sitzung im Hintergrund weiterläuft, hängt vom KI-Werkzeug ab.
Wichtig: Erst dein ausdrückliches Ja löst die Veröffentlichung aus. Änderungen am Veröffentlichungsbranch main erscheinen bei Netlify automatisch.
Ein Auftrag zum Kopieren
Interviewe mich mit höchstens fünf kurzen Fragen zu Zielgruppe, Kernaussage und gewünschter Länge. Erstelle daraus eine gut lesbare HTML-Präsentation.
Zeige mir zuerst Gliederung und Vorschau. Veröffentliche nichts und lade nichts auf den Veröffentlichungsbranch hoch, bevor ich ausdrücklich „Ja, veröffentlichen“ sage.
Nach meiner Freigabe lege die Seite unter public/praesentationen/<kurzer-name>/index.html ab, veröffentliche sie über das verbundene Repository und gib mir den direkten Browser-Link. Verwende keine vertraulichen Daten oder API-Schlüssel in der öffentlichen Seite.
Diese Anweisung kannst du später als wiederverwendbaren Skill speichern. Für den ersten Versuch genügt es, sie in den Auftrag zu kopieren.
Mehr als Folien
Was du außerdem teilen kannst
Vor dem Veröffentlichen prüfen
- Ein privates GitHub-Repository macht die Netlify-Seite nicht automatisch privat. Prüfe die Sichtbarkeit des Projekts.
- API-Schlüssel und Passwörter gehören weder in die Webseite noch ins Repository. Für geheime API-Aufrufe braucht es einen geschützten Serverteil, zum Beispiel eine Netlify Function mit hinterlegtem Secret.
- Wenn eine Anwendung Nutzerkonten, geschützte Daten oder dauerhafte Speicherung braucht, ist mehr nötig als eine einfache HTML-Seite.