Next.jsでchatGPTのAPIを使うまでのシリーズです。
![](https://dev-diary-bits.com/wp-content/uploads/2024/02/DALL·E-2024-02-20-21.36.36-A-visually-appealing-and-modern-thumbnail-design-for-an-article-about-creating-an-app-using-ChatGPTs-API-and-Next.js-now-with-a-wider-aspect-ratio.--320x180.webp)
【初心者向け】簡単なチャットアプリを作成する【Next.jsでchatGPTのAPIを動かす/第4回】
Next.jsでchatGPTのチャットアプリを作成します。今回は実際にAPIをたたいて会話のできるアプリを作成します。実際に動くプログラムも載せているのでコピーして使ってください。プログラムの解説も入れているので参考にしてください。
![](https://dev-diary-bits.com/wp-content/uploads/2024/02/DALL·E-2024-02-20-21.36.36-A-visually-appealing-and-modern-thumbnail-design-for-an-article-about-creating-an-app-using-ChatGPTs-API-and-Next.js-now-with-a-wider-aspect-ratio.--320x180.webp)
【初心者向け】OpenAIのAPI設定【Next.jsでchatGPTのAPIを動かす/第3回】
Next.jsでchatGPTのAPIを動かすまでを解説しています。今回はOpenAIのAPIの設定について解説します。そもそもchatGPTとはopenAIが開発したAIで、その機能を自身のアプリで使うためにAPIの設定をします。
![](https://dev-diary-bits.com/wp-content/uploads/2024/02/DALL·E-2024-02-20-21.36.36-A-visually-appealing-and-modern-thumbnail-design-for-an-article-about-creating-an-app-using-ChatGPTs-API-and-Next.js-now-with-a-wider-aspect-ratio.--320x180.webp)
【初心者向け】Next.jsの環境構築【Next.jsでchatGPTのAPIを動かす/第2回】
Next.jsでchatGPTのAPIを動かすまでを解説しています。今回はNext.jsのインストールと動作確認です。初心者が初心者向けに解説していますので是非ご覧ください。
![](https://dev-diary-bits.com/wp-content/uploads/2024/02/DALL·E-2024-02-20-21.36.36-A-visually-appealing-and-modern-thumbnail-design-for-an-article-about-creating-an-app-using-ChatGPTs-API-and-Next.js-now-with-a-wider-aspect-ratio.--320x180.webp)
【初心者向け】Node.jsの環境構築【Next.jsでchatGPTのAPIを動かす/第1回】
初心者がNext.jsを使って簡単なAI会話アプリを作っていきます。
第一回はNode.jsの環境構築です。
Node.jsのインストールと確認方法について解説しています。