创建 Next.js 应用程序

编辑页面

让我们尝试编辑这个初始页面。

  • 确保 Next.js 开发服务器仍在运行。
  • 用你的文本编辑器打开 pages/index.js 文件。
  • <h1> 标签下找到 “Welcome to” 字样并将其修改为 “Learn”
  • 保存文件。

保存文件后,浏览器会自动重新加载并使用新的文本更新页面:

Next.js 开发服务器具有热重载功能。对文件进行更改时,Next.js 会自动在浏览器中应用这些更改。无需刷新!此功能将帮助您快速迭代应用程序。

下一步:创建页面

做得好!第一课就是这样。

在下一课中,我们将讨论 创建更多页面以及在页面之间导航

你应该保持开发服务器一直运行,但是如果你想重新启动它,请按 Ctrl + c 来停止服务器。