3
チャプター3
ページの編集
スターターページを編集してみましょう。
- Next.js開発サーバーがまだ実行中であることを確認してください。
- テキストエディターで
pages/index.js
を開いてください。 <h1>
タグの下にある「Welcome to」というテキストを見つけ、「Learn」に変更してください。- ファイルを保存します。
ファイルを保存するとすぐに、ブラウザは新しいテキストでページを自動的に更新します。

Next.js開発サーバーにはFast Refreshが有効になっています。ファイルを変更すると、Next.jsはほぼ瞬時にブラウザに変更を自動的に適用します。リフレッシュは不要です!これにより、アプリを迅速に反復処理できます。
次へ: ページの作成
よくできました!最初のレッスンはこれで終わりです。
次のレッスンでは、ページの追加とページ間の移動について説明します。
開発サーバーは実行したままにしておくべきですが、再起動したい場合はCtrl + cを押してサーバーを停止してください。
これは役に立ちましたか?