ページの編集
スターターページを編集してみましょう。
- Next.js 開発サーバーがまだ実行されていることを確認してください。
- テキストエディタで
pages/index.js
を開きます。 <h1>
タグの下にある "Welcome to" というテキストを見つけ、"Learn" に変更します。- ファイルを保存します。
ファイルを保存するとすぐに、ブラウザが自動的に新しいテキストでページを更新します:
Next.js 開発サーバーには Fast Refresh が有効になっています。ファイルに変更を加えると、Next.js はほぼ瞬時にブラウザに変更を適用します。ページの再読み込みは不要です!これにより、アプリの迅速な反復開発が可能になります。
次へ: ページの作成
よくできました!これで最初のレッスンは終了です。
次のレッスンでは、_複数のページ作成とページ間のナビゲーション_について説明します。
開発サーバーは実行したままにしておくべきですが、再起動したい場合は Ctrl + c を押してサーバーを停止してください。