Next.js项目实践（十）– 部署生产环境
本文是本系列最后一篇，部署项目的生产环境。 添加元数据 目前我们的项目未对搜索引擎优化，比如每个页面的标题都是 …
Next.js项目实践
Next.js项目实践（九）– 仪表板
本文实现仪表板功能，包括三个组件：顶部是问题的概要，下面是图表，右侧是最新的问题。 构建最新问题组件 先构建最 …
Next.js项目实践（八）– 过滤、排序、分页
本文实现问题列表的过滤、排序以及分页。 构建过滤器组件 app/issues添加IssueStatusFilt …
Next.js项目实践（七）– 分配问题给用户
本文实现用户问题分配。 构建分配问题的用户选择组件 查看对照Radix UI 官方网站的Select组件的示例 …
Next.js项目实践（六）– 用户验证
本文实现用户验证。 设置Next Auth 安装：npm i next-auth@4.23.1 在/app/a …
Next.js项目实践（五）– 删除问题
本文实现问题删除功能。 添加删除按钮 与EditIssueButton类似，创建DeleteIssueButt …
Next.js项目实践（四）– 问题更新
本文根据项目路线实现问题更新功能。 添加编辑按钮 在IssueDetailPage右侧添加编辑按钮，将页面分成 …
Next.js项目实践（三）– 问题详细页面
本文根据项目路线实现问题详细页面浏览的功能。 显示问题列表 首先我们显示问题列表，在 app/issues/p …
Next.js项目实践（二）– 创建问题
继续实现项目。 安装MySQL 数据库我们选择MySQL。官网：mysql.com，进入 downloads， …
Next.js项目实践（一）– 设置项目
我们已学习了Next.js的基本知识，本系列是项目实践，我们将创建一个“问题跟踪项目”。这是一个全栈的生产级 …