跳到内容

21

设置

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

下载入门代码 (可选)

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

再次说明,如果您刚刚完成上一课,则不需要这样做。

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

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

您还应该更新以下文件

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

您已完成章节21

下一章

22: 预渲染