# 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:

```bash
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:

```bash
# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install
```

## Development Server

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

```bash
# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev
```

## Production

Build the application for production:

```bash
# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build
```

Locally preview production build:

```bash
# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview
```

Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.