Next.JSとは

こんにちは！
フロントエンドエンジニアとして、Reactを使ってきたのですがNext.JSとは何か知らなかったので勉強してみました。

Next.JSとは

Next.JS（以下ネクスト）はメタフレームワークと呼ばれるものです。
Reactを元に作られていますが、Reactの弱点を補うメリットを今回は2つ紹介します。

1,ルーティング機能

１つ目はルーティング機能です。ReactでSPAを実装するにはpagesフォルダのコンポーネントをルーターに記載しないと表示されませんでした。
しかし、ネクストを使うとこのルーティング処理を簡単に実装できます。実装と言っても何かファイルにルーティング処理を記載する必要がなく、ファイル、フォルダの構成を意識するだけでルーティング処理を自動的に行ってくれます。

2,SSR

2つ目はSSRです。SSRとはserver side renderingの略称で、サーバーでレンダリングしたものをクライアントにレスポンスすると言ったものです。SSRの対義語にCSR(client side rendering)というものがありますが、SSRとは違い、JSファイルをクライアント側で受け取ってからレンダリングをします。SSRの良いところはCSRの弱点であったレンダリング時の待機時間を減らすことができる点です。
これによってWebサイトのSEOが向上するなど恩恵を受けることができます。