96 lines
1.3 KiB
Markdown
96 lines
1.3 KiB
Markdown
|
# 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.
|