跳到内容

38

设置

如果您是从上一课继续学习, 则可以跳过此页面。

下载入门代码 (可选)

如果您不是从上一课继续学习,您可以下载、安装并运行以下本课程的入门代码。 这将设置一个 nextjs-blog 目录,使其与上一课的结果相同。

同样,如果您刚完成上一课,则不是必须执行此操作。

npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/main/basics/api-routes-starter"

然后按照命令输出中的说明操作(cd 进入目录并启动开发服务器)。

您还应该更新以下文件

  • public/images/profile.jpg,替换成您的照片(推荐尺寸:400px 宽度/高度)。
  • components/layout.js 中,将 const name = '[Your Name]' 替换成您的名字。
  • pages/index.js 中,将 <p>[Your Self Introduction]</p> 替换成您的自我介绍。

您已完成章节38

下一步

39: 创建 API 路由