landingpagegpt public

LandingPageGPT

Dieses Projekt erstellt eine coole Landingpage, indem es GPT-4 (oder GPT-3.5turbo) verwendet, um Kampagnenbeschreibungen in ansprechende und optisch ansprechende Webinhalte umzuwandeln.

Wie es funktioniert

Es verwendet GPT-4, um Abschnitte basierend auf der Eingabe zu generieren. Benutzer können ihre eigenen Abschnitte umstrukturieren und hinzufügen und dann mit Vercel Edge und Stream den HTML-Code jeder Komponente generieren.

Lokal ausgeführt

Klonen des Repositorys auf dem lokalen Computer.

git clone https://github.com/mohamedcherifmo/landingpagegpt-public.git

Erstellen Sie ein Konto bei OpenAI, um einen API-Schlüssel zu erhalten.

Nachdem Sie das Repo geklont haben, gehen Sie zu OpenAI, um ein Konto zu erstellen

Speichern der API-Schlüssel in .env

Erstellen Sie mit env eine Datei im Stammverzeichnis des Projekts. Und speichern Sie Ihren API-Schlüssel darin, z. .local.env-Datei. Fügen Sie Folgendes hinzu:

 DATA_API_KEY="sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"

Installieren der Abhängigkeiten.

npm install

Ausführen der Anwendung.

Führen Sie dann die Anwendung in der Befehlszeile aus und sie ist unter http://localhost:3000 verfügbar.

npm run dev

Bereitstellung mit einem Klick

Stellen Sie das Beispiel mit Vercel bereit: