next openai starter Download - next openai starter Quellcode Download

next openai starter

Anderer Quellcode

1.0.0

Herunterladen

Next.js Openai Starter App

Dies ist ein Starter -Kit zur Integration von OpenAIs API in eine Next.js -Anwendung. Es ist mit minimalem Styling und grundlegender API -Integration hergestellt, damit Sie es ausziehen und Ihre eigenen Bibliotheken mitbringen können, um es zu Ihrem eigenen zu machen. Fühlen Sie sich frei zu gib und etwas Erstaunliches schaffen!

Erste Schritte

Geben Sie zunächst das Repo in Ihre Entwicklungsumgebung und installieren Sie die Pakete:

npm install
# or
yarn

Führen Sie dann den Entwicklungsserver aus:

npm run dev
# or
yarn dev

Wenn Sie neben yarn etwas verwenden, löschen Sie unbedingt andere Paket -Manager -Lockfiles. Öffnen Sie http: // localhost: 3000 mit Ihrem Browser, um das Ergebnis zu sehen.

Wichtig!

Stellen Sie sicher, dass die OPENAI_API_KEY=yourApiKey in der Datei .env.example aktualisiert wird, und ändern Sie den Dateinamen in .env.local . Sie können einen API -Schlüssel erhalten, indem Sie ein Konto mit OpenAI erstellen und dann hier navigieren.

OpenAI API -Endpunkt

Die API -Route von OpenAI befindet sich in src/pages/api/openai.js .

Das Verzeichnis pages/api wird /api/* zugeordnet. Dateien in diesem Verzeichnis werden als API -Routen anstelle von React -Seiten behandelt.

In diesem Projekt optimieren und laden Sie next/font automatisch, eine benutzerdefinierte Google -Schriftart.

Erfahren Sie mehr

Um mehr über Next.js und Openai zu erfahren, sehen Sie sich die folgenden Ressourcen an:

Weiter.js

NEXT.JS DOCUMENTATION - LERNEN SIE NEXT NEXT.JS -Funktionen und API.
Lernen Sie Next.js - Ein interaktives Next.js -Tutorial.

Openai

OpenAI -Dokumentation - Lernen Sie die Funktionen und die API von OpenAI und wie man sie benutzt.
OpenAI -Beispiele - Sehen Sie, was andere bereits mit OpenAI geschaffen haben.

Sie können das nächste.js Github -Repository ansehen - Ihr Feedback und Ihre Beiträge sind willkommen!