Unbound Schemas - Web UI

A Nuxt 4 application with Vuetify for viewing and managing federated GraphQL schemas.

Features

• 📊 Dashboard with schema statistics and recent updates
• 📝 View all published schemas by ref (production, staging, etc.)
• 🔍 Search and filter schemas
• 📄 View schema SDL (Schema Definition Language)
• 📥 Download and copy schemas
• 🌳 View merged supergraphs for each ref
• 🎨 Modern Material Design UI with Vuetify

Environment Variables

Create a .env file in the root directory:

NUXT_PUBLIC_API_BASE=http://localhost:8080

The API base URL points to your GraphQL Schema Registry backend service.

Setup

Make sure to install dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3500:

# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.