lite-studio

A trimmed-down Studio variant built on React Router + Vite rather than Next.js. The smallest of the apps in this repo.

Purpose

A lightweight surface that can be embedded or run standalone in environments where the full Studio Docker bundle is overkill. The folder is laid out as a self-contained Vite app with its own Dockerfile, suitable for deployment to Cloud Run / ECS / Fly.

Directory layout

apps/lite-studio/
├── app/                       # React Router routes
├── public/
├── Dockerfile                 # Container build
├── react-router.config.ts     # React Router config
├── vite.config.ts
├── tailwind.config.js
└── package.json

How it works

The app uses React Router's framework mode (server-side rendering with HMR). On pnpm dev, Vite serves at http://localhost:5173. pnpm build produces both static assets in build/client/ and a server bundle in build/server/.

The Dockerfile builds the production app and runs the React Router app server.

Local dev

cd apps/lite-studio
pnpm install
pnpm dev      # → http://localhost:5173

Build & deploy

pnpm build
docker build -t my-app .
docker run -p 3000:3000 my-app

Integration points

• Reuses Tailwind + design tokens from the rest of the workspace.
• Lighter dependency footprint than apps/studio — no Pages Router, no graphql-codegen, no Sentry.

Entry points for modification

• Add a route → drop a route file under app/ per React Router conventions.
• Tweak deployment → adjust the Dockerfile and react-router.config.ts.

When to use

Choose lite-studio over apps/studio when you need a minimal frontend (no platform API, no AI assistant) and want a standalone container. For everything else, apps/studio remains the canonical dashboard.