ページの編集

スターターページを編集してみましょう。

  • Next.js 開発サーバーがまだ実行されていることを確認してください。
  • テキストエディタで pages/index.js を開きます。
  • <h1> タグの下にある "Welcome to" というテキストを見つけ、"Learn" に変更します。
  • ファイルを保存します。

ファイルを保存するとすぐに、ブラウザが自動的に新しいテキストでページを更新します:

Learn Next.js

Next.js 開発サーバーには Fast Refresh が有効になっています。ファイルに変更を加えると、Next.js はほぼ瞬時にブラウザに変更を適用します。ページの再読み込みは不要です!これにより、アプリの迅速な反復開発が可能になります。

次へ: ページの作成

よくできました!これで最初のレッスンは終了です。

次のレッスンでは、_複数のページ作成とページ間のナビゲーション_について説明します。

開発サーバーは実行したままにしておくべきですが、再起動したい場合は Ctrl + c を押してサーバーを停止してください。

On this page