コンテンツへスキップ

TanStack RouterとViteを基盤とする、クライアントファーストのフルスタックメタフレームワークです。ReactとSolidによる最新のウェブアプリ向けに、完全な型安全性を備えたルーティングシステムとエンドツーエンドのプリミティブを提供します。

クライアント側のインタラクティブ性を損なわずに、ドキュメント全体のサーバーサイドレンダリング、ストリーミング、サーバー関数/RPC、APIルートを実現します。ルートからサーバーAPIまで型推論を活用した開発体験を重視し、堅牢なDXと実行時エラーの削減を可能にします。

Viteによるバンドルと、従来型のNodeサーバーからサーバーレス、エッジ、CDN環境まで、あらゆる場所にデプロイできる仕組みを備えています。シンプルなSPAから複雑なエンタープライズ級アプリケーションまで拡張でき、ルーティング、データフロー、レンダリングのライフサイクルに必要な機能が揃っています。

現在はベータ版で、1.0に向けて活発に開発されています。バージョンを固定し、リリースを追跡すれば本番環境でも利用できます。

機能

  • TanStack Routerによる型安全なルーティング
  • ドキュメント全体のSSR
  • ストリーミングレスポンス
  • サーバー関数とRPC
  • APIルート
  • Viteによるバンドルと開発サーバー
  • ReactとSolidに対応
  • クライアント側を重視した開発体験
  • Node、サーバーレス、エッジ、CDNなど、あらゆる環境にデプロイ可能
  • ルートとAPI全体にわたる強力な型推論
  • 大規模なエンタープライズ級のルーティング要件に対応

関連項目

TanStack Router

型安全性と効率的なデータ管理に特化した、React向けのモダンでスケーラブルなルーティングライブラリです。

React Router

Reactアプリケーションのルーティングとナビゲーションを管理し、開発効率とアプリケーションのパフォーマンスを高める必須ツールです。

Hybrids

宣言型と関数型のプログラミング手法を組み合わせ、効率的で保守しやすいウェブアプリケーションやコンポーネントを構築できるフレームワークです。

Inertia.js

従来のサーバーレンダリング型アプリケーションのシンプルさを保ちながら、最新のクライアントサイド技術を取り入れることで、現代的なウェブアプリケーションの開発を簡素化します。

nuqs

Next.jsでURLクエリ文字列を使って状態を保持・同期し、アプリケーションの状態を簡単に管理できます。

React Hook Form

Reactアプリケーションのフォーム管理をシンプルにする、パフォーマンスと使いやすさを重視した強力なフォーム処理ライブラリです。

SvelteKit

洗練されたコンポーネントベースの手法で、ウェブアプリケーションの開発を加速する強力なフレームワークです。

usehooks-ts

すぐに使えるソリューションを提供するReactフックのコレクションです。型安全性と効率性を高め、開発を支援します。