Next.js-概要

Next.jsは、サーバー側のレンダリング機能を備えたReactベースのフレームワークです。それは非常に高速でSEOに優しいです。

Next.jsを使用すると、堅牢なReactベースのアプリケーションを非常に簡単に作成してテストできます。Next.jsの主な機能は次のとおりです。

  • Hot Code Reload − Next.jsサーバーは変更されたファイルを検出し、それらを自動的に再読み込みします。

  • Automatic Routing−ルーティング用のURLを構成する必要はありません。ファイルはpagesフォルダに配置されます。すべてのURLはファイルシステムにマップされます。カスタマイズが可能です。

  • Component specific styles − styled-jsxは、グローバルスタイルとコンポーネント固有のスタイルをサポートします。

  • Server side rendering −反応コンポーネントはサーバー上で事前にレンダリングされるため、クライアントでの読み込みが速くなります。

  • Node Ecosystem −反応ベースのNext.jsは、Nodeエコシステムとうまく調和します。

  • Automatic code split− Next.jsは、必要なライブラリを含むページをレンダリングします。Next.jsは、単一の大きなjavascriptファイルを作成する代わりに、複数のリソースを作成します。ページが読み込まれると、必要なjavascriptページのみが読み込まれます。

  • Prefetch − Next.jsは、複数のコンポーネントをリンクするために使用されるLinkコンポーネントを提供し、バックグラウンドでページリソースをプリフェッチするためのプリフェッチプロパティをサポートします。

  • Dynamic Components − Next.jsを使用すると、JavaScriptモジュールとReactコンポーネントを動的にインポートできます。

  • Export Static Site − Next.jsを使用すると、Webアプリケーションから完全な静的サイトをエクスポートできます。

  • Built-in Typescript Support − Next.jsはTypescriptsで記述されており、優れたTypescriptサポートを提供します。