Nextjs项目实战

优化在切换注册与登录时重定向页面丢失的情况，在用户完成账号或者手机号注册后，能够自动完成注册，增强用户体验的同时，减少再次获取手机验证码，减少开销

当前gpt-4-1106-preview就是GPT-4 Turbo ， 推荐先用GPT-3.5-Turbo，当3.5-turbo回答不满意或者想要2023年的答案，在切换成GPT-4 Turbo版本

pdf预览页交互-安装依赖、配置参考、预览组件（预览、自适应）、交互组件（上下翻页、指定页、旋转、缩放）

文件上传与展示：构建PDF上传流程-上传文件、文件列表操作、完成预览页前置，处理登录线上审核失败情况。

Next.js状态管理方案与实战-快速开始、创建Store、绑定组件、更新数据源、导航、用户信息、用户设置

应用部署实践：连接配置、安装docker、安装Nginx、克隆远程代码、配置环境变量、配置nginx、域名记录、部署数据库、打包项目、pm2管理项目

使用STS进行临时授权 OSS可以通过阿里云STS（Security Token Service）进行临时授权访问。阿里云STS是为云计算用户提供临时访问令牌的Web服务。

更新个人信息功能的设计与实现-个人信息页面、设置个人信息组件、提交格式校验、更新方法、补充文案、头像组件

多数情况下我们要在用户登录后才可以执行某个过程，如查询用户的信息，所以我们需要将公开的 API 和需要身份验证的 API 分开，对于需验证的 API，我们可以定义一个privateProcedure。

在app目录中，嵌套文件夹通常映射到 URL 路径。您可以将文件夹标记为路由组，以防止该文件夹包含在路由的 URL 路径中。这允许您将路线段和项目文件组织到逻辑组中，而不影响 URL 路径结构。

NextAuth.js 是一个针对Next.js应用程序的完整开源身份验证解决方案，在Next.js中进行身份验证非常灵活且方便

本节介绍在应用中实现用户的登录功能，包括通过手机短信和邮箱两种方式登录，风格与注册页一致，补充登录注册互转与bug修复

阿里云短信服务集成与应用案例-开通阿里云短信服务、完成快速测试、申请签名、申请模版、绑定测试手机、子账户授权、开始验证、上线使用

我们首先完成短信注册的逻辑，前面我们预留了一个空的手机注册组件，现在来完成，基本表单代码逻辑与账号注册一致，增加了一些细节，比如获取短信时的计时。

邮件发送功能实现与代码规范化-提示样式优化、提示文案补充、异常处理优化、发送QQ邮件实现、使用英文邮箱

安装 Docker 和 docker-compose、创建 docker-compose 配置 、创建环境变量文件、创建 Makefile 文件、验证Mysql、Prisma

用户注册流程与邮箱验证过程-安装必要的库、账号注册表单规则 、创建注册页面、创建 Form 组件、账号注册、验证策略、完成激活注册

在Next.js中集成和使用tRPC-创建 TRPC 客户端、创建 TRPC 路由 、创建 TRPC 提供者、配置 TRPC 服务端、在客户端发起 API 请求、重试策略

Next.js 项目的初始化和配置-创建项目、配置 Prettier、配置主题 更新默认样式、自定义 Tailwind、使用图标、使用组件、严格模式