ルーター
@lazarv/react-server
フレームワークには、フレームワーク独自の低レベルなルーティングソリューションを基にしたファイルシステムベースのルーターが含まれており、とても使いやすく設定も簡単です。このルーターが必要以上に複雑だと感じる場合、フレームワークに組み込まれている低レベルなサーバーサイドルーターやクライアントサイドナビゲーションコンポーネントを使用するか、React RouterやTanStack Routerのようなサードパーティーのルーターを使用することができます。これらのサードパーティーのルーターの使い方については、サンプル集をチェックしてみてください。
ファイルシステムベースのルーターの使用は非常に簡単でシンプルです。react-server
CLIを使用するときにエントリーポイントを省略するだけで、ルーターが自動的に使用されます。
ルートを定義する方法とルーターを構成する方法について学習し、レイアウト、ページ、ネストされたルート、動的ルート、キャッチオールルートなどのさまざまな種類のルートを作成できます。
アウトレットを作成して、さまざまなレイアウトで使用できるアプリケーションの再利用可能な部分を作成することもできます。また、ルーターではエラー処理およびローディングコンポーネントもサポートされています。
このルーターは、ミドルウェアとAPIルートハンドラーの作成もサポートしており、ページやレイアウトを作成するときに既に学習したすべてのルールと、ファイルシステムを使用してミドルウェアとAPIエンドポイントを作成できます。
このドキュメントは、MarkdownやMDXファイルを使ってページを作成する実例でもあります。これは、アプリケーションで静的ページを作成する非常に簡単な方法です。
次に、ルーターとフレームワークを組み合わせて静的Webサイトを生成する方法を学びます。生成するすべてのルートを定義すると、ルーターが静的ファイルを生成します。ページだけでなく、Webサイトのsitemap.xml
など任意の静的ファイルも生成します。
最後に、ニーズに合わせてルーターを設定する方法を学びます。ルートパスや静的ファイルのパブリックパスを定義し、globパターンを使用してルーティングに特定のファイルを含めたり、ルーティングからファイルとディレクトリを除外したりできます。