Next.jsとは？SSGでブログを構築したら驚きの速さだった！

Next.jsとは

Next.jsとは、Vercel社が提供しているReactをベースに開発されたJavaScriptフレームワークのことです。
Next.jsでは静的サイトジェネレータ（SSG）や動的サイトジェネレータ（SSR）が利用でき、これまで以上にサイトを訪問者に早く表示することが可能です。
またフォルダ構成がそのままURLと対になっているため、複雑なルーティングの設定が不要で簡易に開発を行うことができます。

Next.jsを利用しているサイト

実際にインターネット上に公開されているNext.jsのサンプルサイトを見ていただきその早さを実感していただくのが一番分かりやすいと思います。
以下のサイトは、Next.jsの公式サイトで紹介されているNext.jsで構築されたサンプルサイトです。
英語サイトにはなりますが、リンク先のサイトで画面を何度か切り替えてみてください。ページが切り替わる速さに驚くと思います。

• WordPressの例（デモ）

• Strapiの例（デモ）

• Marckdownファイルを用いたブログの例（デモ）

Basic Features: Pages | Next.js
https://nextjs.org/docs/basic-features/pages

このブログもNext.jsの静的サイトジェネレータ（SSG）を利用して構築したサイトになります。通常であればページの切り替え時に読み込みが発生しますが、別のページを開いたときにストレスなく画面が切り替わると思います。インターネット上のサイトであるにも関わらず、まるで自分のPC上かと見間違えるほど高速に切り替わりますよね。

Next.jsの凄さ

驚きの速さ！静的サイトジェネレーション（SSG）とサーバーサイドレンダリング（SSR）

開発が容易！ファイルベースルーティング

aiueo

Next.jsはなぜ早い

Next.jsと相性の良いサイト

SEOに強い

Next.jsと相性の良くないサイト

Next.jsのデメリット

レンタルサーバーに公開することの難しさ

Vercelであれば無料で公開可能（商用利用不可）

まとめ