ガイド

このセクションでは、@lazarv/react-server の使い方を説明します。もしあなたが@lazarv/react-serverを初めて使うのであれば、さあ始めようから始めてください。特定のトピックを探している場合は、ページ上部の検索バーを使ってください。お探しのトピックが見つからない場合は、GitHubにIssueを出してください。喜んでお手伝いします！

このスタートガイドでは、@lazarv/react-serverを使った最初のアプリケーションを作成する方法を紹介します。非常にシンプルなアプリケーションを作成し、開発モードと本番モードで実行する方法を学びます。また、アプリケーションを本番用に構築する方法も学びます。

なぜ@lazarv/react-serverなのか？ では@lazarv/react-serverを使うことの利点と、なぜ次のプロジェクトで使うことを検討すべきなのかについて学びます。

Next.js App Router をすでに知っている場合、または Pages Router アプリを保守している場合は、Next.js から来た人へ を読んでください。@lazarv/react-server がルーティング、サーバーコンポーネント、Pages Router 風の SSR ハイドレーションデータ、キャッシュ、サーバー関数、API ルート、ミドルウェア、アセット、デプロイ、本番運用をどう扱うかをトピックごとに比較しています。

TanStack Start または TanStack Router をすでに知っている場合は、TanStack Start/Router から来た人へ を読んでください。@lazarv/react-server の RSC 優先モデルと、TanStack のルーター中心かつ同型ローダー中心のモデルをトピックごとに比較しています。

次に、Reactサーバーサイドレンダリングの3つの柱について説明します。React サーバーコンポーネントの作成方法、インタラクティブなクライアントコンポーネントの作成方法、サーバーと対話するためのサーバー関数の作成方法を学びます。

より高度なトピックをお探しの場合は、チュートリアルのセクションをご覧ください。ここでは、@lazarv/react-serverを使って様々なアプリケーションを構築する方法をステップバイステップで紹介しています。Hello Worldアプリケーションの作成方法、サーバー関数を使ったシンプルなTodoアプリケーションの作成方法、クライアントコンポーネントを使用したフォトギャラリーアプリケーションの作成方法を学ぶことができます。

React サーバーコンポーネント、サーバー関数、ディレクティブの詳細については、Reactチームが提供するReact サーバーコンポーネントドキュメントをご覧ください。