Next JS ChatGPT 克隆与 Next.JS 和 OpenAI (NextJS 13 2023)

Next JS ChatGPT clone with Next.JS & OpenAI (NextJS 13 2023)

使用 Next JS 和 OpenAI 构建 ChatGPT 克隆,包括。mongodb、边缘函数、auth0、tailwind css + 更多!(Next JS v13)

 

你将学到什么

  • 通过学习如何构建人工智能驱动的应用程序来提高您作为网络​​开发人员的价值
  • 使用 OpenAI 和 Next JS 构建 ChatGPT 克隆
  • 使用 Auth0 在您的 Next JS 应用程序中实施用户帐户
  • 使用 Tailwind CSS 设计您的 Next JS 应用程序
  • 使用 MongoDB 存储 ChatGPT 克隆的聊天历史记录
  • 使用 Vercel 部署到生产环境,并利用边缘功能从 OpenAI 流回数据,就像 ChatGPT 一样!

 

要求

  • 需要对 React 有基本的了解 – 其他一切都涵盖了!

描述

不要落后!今天,通过学习如何构建人工智能驱动的 Web 应用程序来提高您作为 Web 开发人员的价值!

本课程将于 2023 年底进行完整更新,以使用 NEXT JS 13 应用程序目录。

欢迎来到关于如何构建您自己的 ChatGPT 克隆的终极课程!

在本课程中,您将学习如何创建“Chatty Pete”,这是一个功能强大的聊天机器人,具有与 ChatGPT 相同的功能,它使用 Next.js v13、OpenAI 的 GPT API、Next JS 边缘函数来流式传输聊天响应、使用 MongoDB 进行数据存储、 Auth0 用于用户身份验证和用户帐户,以及 Tailwind CSS 用于漂亮的布局和样式。我们将通过将托管在 Vercel 上的应用程序实时部署到生产环境来结束课程。

我们将指导您完成开发过程的每一步,从设置 Next JS 开发环境到使用 Vercel 将完成的 ChatGPT 聊天机器人克隆部署到网络。您将学习如何使用 OpenAI 强大的 ChatGPT 语言模型创建对话界面、处理用户输入并生成自然语言响应。您还将学习如何利用 Next JS 边缘函数从 OpenAI API 流回数据,这与 ChatGPT 的做法完全相同!

通过 MongoDB,您将学习如何存储和检索聊天历史记录,同时在 Next JS 应用程序中实现 Auth0 将使您能够添加用户帐户并通过用户身份验证和授权来保护您的应用程序。最后,您将使用 Tailwind CSS 在 Next JS 中创建令人惊叹的用户界面,在任何设备上看起来都很棒。

本课程非常适合想要扩展技能并学习如何使用最新技术构建复杂 Web 应用程序的开发人员。无论您是经验丰富的 Web 开发人员还是刚刚起步,此 ChatGPT 克隆课程中使用 Next.js 的分步方法和易于遵循的说明都将帮助您掌握构建自己的 ChatGPT 所需的技能克隆。

那为什么还要等呢?立即注册并开始构建您自己的 ChatGPT 克隆!

本课程适合谁:

  • React 开发人员希望通过学习如何创建 SAAS 产品并开始利用 AI 的力量来增加其作为开发人员的价值
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。