編輯頁面

讓我們嘗試編輯起始頁面。

  • 確保 Next.js 開發伺服器仍在運行。
  • 使用文字編輯器開啟 pages/index.js
  • 找到 <h1> 標籤下方顯示 "Welcome to" 的文字,將其更改為 "Learn"
  • 儲存檔案。

當您儲存檔案後,瀏覽器會自動更新頁面顯示新文字:

學習 Next.js

Next.js 開發伺服器已啟用 快速刷新 (Fast Refresh)。當您變更檔案時,Next.js 會幾乎立即在瀏覽器中自動套用變更,無需手動刷新!這將幫助您快速迭代應用程式。

下一步:建立頁面

做得好!第一課到此結束。

在下一課中,我們將討論 建立更多頁面以及在頁面之間導航

您應該保持開發伺服器運行,但如果需要重新啟動,請按 Ctrl + c 停止伺服器。

On this page