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サポートを提供します。