What is Vantage

A config-free React dashboard framework. You only write index.tsx.

A vantage point is a place with a clear, commanding view — and that’s the idea behind the name: give you a dashboard that sees all of your data at a glance, with the least possible effort.

Vantage is a config-free React dashboard framework for Squadbase Editor, built on Vite 8. As an app author you write a single index.tsx — routing, React setup, TanStack Query, Tailwind CSS, the UI kit, the dev server, an optional API server, and the build are all owned by Vantage.

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

Those seven lines are a working dashboard app. You never write vite.config, tailwind.config, postcss.config, components.json, or vantage.config.

Highlights

One-file first

A single index.tsx is a complete app. Add a .tsx file when you want another page.

Convention over configuration

Config files aren’t just unnecessary — they’re forbidden. File and directory conventions drive everything.

Managed stack

React, Vite, TanStack Router/Query, Tailwind, and the UI kit are pinned by Vantage.

Server is optional

Add server/ to enable an API. Without it, your app is a client-only SPA.

Next steps

Getting started

From install to running your first app.

File-based routing

How dropping a file creates a route.

Data fetching

Handle server state with a managed TanStack Query.

API & server

Write a backend under server/api.