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

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