編輯頁面
讓我們嘗試編輯起始頁面。
- 確保 Next.js 開發伺服器仍在運行。
- 使用文字編輯器開啟
pages/index.js
。 - 找到
<h1>
標籤下方顯示 "Welcome to" 的文字,將其更改為 "Learn"。 - 儲存檔案。
當您儲存檔案後,瀏覽器會自動更新頁面顯示新文字:
Next.js 開發伺服器已啟用 快速刷新 (Fast Refresh)。當您變更檔案時,Next.js 會幾乎立即在瀏覽器中自動套用變更,無需手動刷新!這將幫助您快速迭代應用程式。
下一步:建立頁面
做得好!第一課到此結束。
在下一課中,我們將討論 建立更多頁面以及在頁面之間導航。
您應該保持開發伺服器運行,但如果需要重新啟動,請按 Ctrl + c 停止伺服器。