このページを編集

ルーター

@lazarv/react-serverフレームワークには、フレームワーク独自の低レベルなルーティングソリューションを基にしたファイルシステムベースのルーターが含まれており、とても使いやすく設定も簡単です。このルーターが必要以上に複雑だと感じる場合、フレームワークに組み込まれている低レベルなサーバーサイドルータークライアントサイドナビゲーションコンポーネントを使用するか、React RouterTanStack Routerのようなサードパーティーのルーターを使用することができます。これらのサードパーティーのルーターの使い方については、サンプル集をチェックしてみてください。

ファイルシステムベースのルーターの使用は非常に簡単でシンプルです。react-serverCLIを使用するときにエントリーポイントを省略するだけで、ルーターが自動的に使用されます。

ルートを定義する方法とルーターを構成する方法について学習し、レイアウト、ページ、ネストされたルート、動的ルート、キャッチオールルートなどのさまざまな種類のルートを作成できます。

アウトレットを作成して、さまざまなレイアウトで使用できるアプリケーションの再利用可能な部分を作成することもできます。また、ルーターではエラー処理およびローディングコンポーネントもサポートされています。

このルーターは、ミドルウェアAPIルートハンドラーの作成もサポートしており、ページやレイアウトを作成するときに既に学習したすべてのルールと、ファイルシステムを使用してミドルウェアとAPIエンドポイントを作成できます。

このドキュメントは、MarkdownやMDXファイルを使ってページを作成する実例でもあります。これは、アプリケーションで静的ページを作成する非常に簡単な方法です。

次に、ルーターとフレームワークを組み合わせて静的Webサイトを生成する方法を学びます。生成するすべてのルートを定義すると、ルーターが静的ファイルを生成します。ページだけでなく、Webサイトのsitemap.xmlなど任意の静的ファイルも生成します。

最後に、ニーズに合わせてルーターを設定する方法を学びます。ルートパスや静的ファイルのパブリックパスを定義し、globパターンを使用してルーティングに特定のファイルを含めたり、ルーティングからファイルとディレクトリを除外したりできます。