コンテンツにスキップ

3

ページの編集

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

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

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

Learn Next.js

Next.js の開発サーバーには Fast Refresh が有効になっています。ファイルを変更すると、Next.js は変更をほぼ瞬時にブラウザに適用します。リロードは不要です!これにより、アプリのイテレーションを迅速に行うことができます。

Next Up: ページの作成

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

次のレッスンでは、より多くのページを作成し、ページ間を移動する方法について説明します。

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

チャプターを完了しました。3

次へ

4: ページ間を移動する