Skip to content

Phoenix Setup

Phoenix is your open-source dashboard framework. Clone it, run it, make it yours.


What You'll Get

  • A working AI-powered dashboard
  • React + TypeScript frontend
  • Pre-built components for insurance workflows
  • Full control—no vendor lock-in

Requirements

  • Node.js 18+
  • Git
  • 10 minutes

Step 1: Clone the Repo

bash
git clone https://github.com/opensure-mcp/Opensure-Phoenix.git
cd Opensure-Phoenix

Step 2: Install Dependencies

bash
npm install

Step 3: Configure Environment

Copy the example environment file:

bash
cp .env.example .env

Edit .env with your settings:

bash
# Your Supabase connection
DATABASE_URL=postgresql://...

# Opensure API key (get one at app.opensure.dev)
OPENSURE_API_KEY=osk_your_key_here

Step 4: Run It

bash
npm run dev

Open http://localhost:3000 — you're live.


What's Inside

Opensure-Phoenix/
├── src/
│   ├── components/    # Reusable UI components
│   ├── pages/         # Dashboard views
│   ├── hooks/         # Custom React hooks
│   └── lib/           # Utilities and API clients
├── public/            # Static assets
└── .env.example       # Environment template

Customize It

Phoenix is designed to be forked. Common customizations:

  • Branding: Update src/components/Logo.tsx and CSS variables
  • Workflows: Add new pages in src/pages/
  • Data sources: Modify hooks in src/hooks/

Deploy It

Phoenix works with any static hosting:

  • Vercel: vercel deploy
  • Netlify: Connect your GitHub repo
  • Self-hosted: npm run build → serve the dist/ folder

Need Help?


Own your stack. Break free from platform control.

Built with VitePress