目标

利用ChatGPT，借助开源项目，搭建自己方便易用的AI聊天助手。

先说结论，我已经搭建成功，可以用我的先体验：https://chat.wayss000.cn/ （链接失效时，请搜索公众号【Build_AI_Assistant】获取最新地址）

搭建步骤

步骤一：获取自己的OpenAI API Key

打开网站：https://platform.openai.com/account/api-keys 生成自己的OpenAI API Key，这里注意copy一份保存起来

步骤二：Fork项目到自己的GitHub

Fork项目GitHub - Yidadaa/ChatGPT-Next-Web: 一键拥有你自己的 ChatGPT 网页服务。 One-Click to deploy your own ChatGPT web UI. 到自己的GitHub仓库

fork完成后效果如下：

步骤三：打开vercel，并用GitHub账号授权登录

打开网站：Vercel: Develop. Preview. Ship. For the best frontend teams

步骤四：新建项目，填写自己的OpenAI API Key

登录之后会出现这个页面，这里选择「Add New」→「Project」

之后会出现如下页面

之后在环境变量这里添加第一步获取的OpenAI的API Key，点击Deploy，之后等待3min左右即可完成部署

步骤五：获取vercel提供的域名

点击「Add Domain」，vercel会提供一个默认的访问域名

步骤六：【非必须】关联自己的域名

建议使用自己的域名（如果有的话），并将其关联到网站，以方便直接访问。

如果没有自己的域名，也可以使用 Vercel 提供的域名。不过，需要科学上网才能访问。

写在后面

1. 以上网站需要具备科学上网；
2. Vercel是什么 ？
   1. 答：Vercel是一个云端部署和托管应用程序的平台，支持多种编程语言和框架，例如React、Angular、Vue、Next.js等。它提供了快速的部署和自动化基础设施，同时具备高度可扩展性和弹性。Vercel还提供了与GitHub、GitLab、Bitbucket等版本控制系统的深度集成，使得开发和部署变得更加简单和高效。
3. Next.js是什么？
   1. 答：Next.js是一个React框架，它提供了一种简单且可靠的方式来实现服务端渲染（SSR）和静态网站生成（SSG）。Next.js使得开发React应用变得更加简单，同时还提供了许多有用的特性，例如快速加载、自动代码分割、可预测的数据获取等。使用Next.js，您可以创建一个功能强大、高性能的React应用程序，它可以很容易地在任何地方部署，包括云端和本地环境。