跳至内容

预渲染和数据获取

如果你从上一课继续学习,你可以跳过此页面。点击下面的按钮进入下一页面。

下载入门代码(可选)

如果你没有从上一课继续学习,你可以下载、安装并运行下面这节课的入门代码。这将设置一个 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 中使用你的自我介绍。