コンテンツへスキップ

Next.js アプリの作成

ページの編集

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

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

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

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

次へ: ページの作成

素晴らしいですね!最初のレッスンは以上です。

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

開発サーバーは実行状態を維持する必要がありますが、再起動する場合はCtrl + cを押してサーバーを停止してください。