next.jsを使ってブログサイトを作成する方法 - Qiita

概要 React+Next.jsでブログサイトを作成します。この記事は自分のアウトプット目的に書いたものなのでところどころ説明が言葉足らずな部分があるかもしれません。ご了承ください。今回のブログサイトは以下の書籍を参考に作成したので詳細な説明を知りたい場合はそちらをご覧ください。 書籍:はじめてつくるNext.jsサイト(v13) 三好アキ そのため、アプリ作成の事前準備の方法に関しては省きます。 開発環境 Mac OS Sonoma Next.js 14.1.4 アプリの構成 まず、完成系は以下のようになります。 ブログサイト 大枠の作成 next.jsとreactの大きな違いがページの遷移をreact-router-domを使用せずにできることです。具体的にはAppフォルダ下にページごとのフォルダを作成し、page.jsファイルを作成します。こうするとurlの末尾に/blogなどの文字