コンテンツをスキップ

3

ページの編集

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

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

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

Learn Next.js

Next.js開発サーバーにはFast Refreshが有効になっています。ファイルを変更すると、Next.jsはほぼ瞬時にブラウザに変更を自動的に適用します。リフレッシュは不要です!これにより、アプリを迅速に反復処理できます。

次へ: ページの作成

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

次のレッスンでは、ページの追加とページ間の移動について説明します。

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

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

次へ

4: ページ間を移動する