この講座はYouTubeで動画形式でも用意しています。合わせてご覧ください。

はじめに

前回は、Next.jsの基礎となるReactを学びました。今回からはNext.jsの内容を学習していきます。

Next.jsでページ遷移を実装する

Next.jsではルート配下のpagesフォルダにファイルを設置するだけで、ファイル名に基づいてルートが関連づけられるようになっています。

Linkコンポーネントを用いることで、クライアントサイドでのナビゲーションが可能になります。

まとめ

React × Next.jsでのページ遷移の方法について学習しました。
次回は、画像などのアセット、メタデータ、CSSについて学習します。