Vantage とは

設定ファイル不要（config-free）な React ダッシュボードフレームワーク。書くのは index.tsx だけ。

Vantage(ヴァンテージ)は「見晴らしのいい地点」を意味する言葉です。データ全体を一望できるダッシュボードを、最小の手間で用意する ― その姿勢を名前に込めています。

Vantage は Squadbase Editor 向けの、設定ファイル不要（config-free）な React ダッシュボードフレームワークです。Vite 8 の上に構築されており、アプリ作者が書くのは index.tsx 1 ファイルだけ。ルーティング・React のセットアップ・TanStack Query・Tailwind CSS・ UI キット・開発サーバー・オプションの API サーバー・ビルドは、すべて Vantage が所有します。

// index.tsx  →  ルート "/"
export default function Dashboard() {
  return (
    <main className="p-6">
      <h1 className="text-2xl font-semibold">Dashboard</h1>
    </main>
  );
}

この 7 行が、そのまま動くダッシュボードアプリになります。vite.config・tailwind.config・ postcss.config・components.json・vantage.config は 一切書きません。

特徴

まず 1 ファイル

単一の index.tsx が完結したアプリになる。ページを増やしたくなったら .tsx を足すだけ。

設定より規約

設定ファイルは不要どころか禁止。ファイル名とディレクトリの規約がすべてを駆動する。

管理されたスタック

React・Vite・TanStack Router/Query・Tailwind・UI キットのバージョンは Vantage が固定する。

サーバーはオプション

server/ を足すと API が有効になる。なければクライアントのみの SPA。

次のステップ

はじめに

インストールから最初のアプリの起動まで。

ファイルベースルーティング

ファイルを置くだけでルートが生まれる仕組み。

データ取得

管理された TanStack Query でサーバー状態を扱う。

API とサーバー

server/api でバックエンドを書く。