はてなブックマーク

Next.jsはReactを使ったアプリケーションフレームワークの1つです。Vercel, Incというホスティング会社を中心にOSSとして開発・公開されています。 事例もhuluやNIKE、Netflixなど数多く、Reactを使ってWebサイトを公開する際に選択されることの多いフレームワークの1つです。 この記事では、このNext.jsを用いてWordPressサイトのフロントエンドを構築する方法を紹介します。 完成イメージ すべてのソースコードを紹介することは大変です。そのため、サンプルサイトのソースコードをGitHubに用意しました。 このサイトのデータを利用してビルドした場合、以下のようなサイトが出来上がります。 Next.jsで「静的サイト」を構築する Next.jsでは2種類の方法でWebサイトを作ることができます。 Static Generation: ビルド時に静的なHT