next openai starter

next.js openaiスターターアプリ

これは、OpenAIのAPIをNext.jsアプリケーションに統合するためのスターターキットです。最小限のスタイリングと基本的なAPI統合で作られているため、それを剥がして独自のライブラリを持参して独自のライブラリを作成できます。お気軽にフォークして、素晴らしいものを作成してください！

はじめる

まず、開発環境にレポをフォークし、パッケージをインストールします。

npm install
# or
yarn

次に、開発サーバーを実行します。

npm run dev
# or
yarn dev

yarn以外のものを使用する場合は、他のパッケージマネージャーロックファイルを削除してください。 http：// localhost：3000を開き、ブラウザを使用して結果を確認します。

重要！

.env.exampleファイルでOPENAI_API_KEY=yourApiKeyを更新し、ファイル名を.env.localに変更してください。 OpenAIを使用してアカウントを作成し、ここでナビゲートすることにより、APIキーを取得できます。

OpenAI APIエンドポイント

OpenaiのAPIルートはsrc/pages/api/openai.jsにあります。

pages/apiディレクトリは/api/*にマッピングされます。このディレクトリのファイルは、Reactページの代わりにAPIルートとして扱われます。

このプロジェクトではnext/fontを使用して、カスタムGoogleフォントであるInterを自動的に最適化およびロードします。

もっと詳しく知る

next.jsとopenaiの詳細については、次のリソースをご覧ください。

next.js

• next.jsドキュメント - next.js機能とAPIについて学びます。
• next.jsを学ぶ - インタラクティブなnext.jsチュートリアル。

Openai

• OpenAIドキュメント - Abou Openaiの機能とAPI、およびそれらの使用方法を学びます。
• Openaiの例 - Openaiで他の人がすでに作成したものをご覧ください。

next.js githubリポジトリを確認できます - フィードバックと貢献を大歓迎です！

Vercelに展開します

next.jsアプリを展開する最も簡単な方法は、next.jsの作成者からvercelプラットフォームを使用することです。

詳細については、next.js deploymentドキュメントをご覧ください。