Edge UI

Full-stack dashboard with Next.js frontend and Express backend.

Repository: https://github.com/ashaju-godaddy/edge-ui.git

Project Structure

dash_ui/
├── client/          # Next.js 16 + React 19 + TypeScript
├── server/          # Express 5 + PostgreSQL 16 + Drizzle ORM
├── docker-compose.yml
└── package.json     # pnpm workspace

Prerequisites

• Node.js v18+
• pnpm v10.28.0
• Docker & Docker Compose

Quick Start

# 1. Install dependencies
pnpm install

# 2. Setup environment
cp server/.env.example server/.env
# Edit server/.env with your DATABASE_URL and JWT keys

# 3. Start database
pnpm start:db

# 4. Initialize database schema
pnpm -F dash-ui-server db:push

# 5. Run both frontend and backend
pnpm dev

• Frontend: http://localhost:3000
• Backend: http://localhost:8080

Commands

# Development
pnpm dev              # Run both client + server
pnpm dev:client       # Frontend only
pnpm dev:server       # Backend only

# Database
pnpm start:db         # Start PostgreSQL
pnpm stop:db          # Stop PostgreSQL
pnpm -F dash-ui-server db:push        # Sync schema to DB
pnpm -F dash-ui-server db:studio      # Open Drizzle Studio

# Build & Lint
pnpm build            # Build all packages
pnpm lint             # Lint all packages

See client/README.md and server/README.md for detailed documentation.