Next.jsの基礎知識

概要 Next.js に関する基礎知識を解説してみます。 Next.js のメリット Server-side Rendering(SSR)のビルトイン 通常の React アプリの場合、HTML を表示すると<div id="root"></div>といったエントリポイントになる HTML のみが表示されます。 React はクライアントサイドライブラリなので、全てのレンダリングはブラウザ上で行われるためです。 画面をリロードすると一瞬白いページが見えてちらつきが発生します。 また、SEO の観点では、検索エンジンは空のページのみを返してしまい検索エンジンに取り込まれない問題があります。 SSR を用いることで、サーバ側がその URL の表示に対して生成された HTML をレスポンスすることができます。 Next.js には SSR 機能が組み込まれています。 File-based Rou