Skip to content

HaloLight Ecosystem โ€‹

HaloLight is a multi-framework, multi-platform admin dashboard solution. This document lists all projects and their status.

Project Overview โ€‹

Frontend Framework Implementations โ€‹

ProjectFrameworkStatusDescription
halolightNext.js 14 + React 18โœ… ReleasedReference implementation
halolight-reactReact + Viteโœ… ReleasedPure SPA version
halolight-vueVue 3.5 + Viteโœ… ReleasedVue reference implementation
halolight-angularAngular 21โœ… ReleasedAngular implementation
halolight-nuxtNuxt 3โœ… ReleasedVue SSR version
halolight-svelteSvelteKitโœ… ReleasedSvelte implementation
halolight-astroAstroโœ… ReleasedStatic-first
halolight-solidSolidJSโœ… ReleasedHigh-performance reactive
halolight-qwikQwikโœ… ReleasedResumable
halolight-remixRemixโœ… ReleasedFull-stack React
halolight-preactPreactโœ… ReleasedLightweight React
halolight-litLitโœ… ReleasedWeb Components
halolight-freshFresh (Deno)โœ… ReleasedDeno native
halolight-denoFresh (Deno)โœ… ReleasedDeno implementation

Deployment Platforms โ€‹

ProjectPlatformStatusFeatures
halolight-cloudflareCloudflare Pages/Workersโœ… ReleasedEdge runtime, Next.js 15
halolight-vercelVercelโœ… ReleasedEdge Functions
halolight-netlifyNetlifyโœ… ReleasedEdge Functions
halolight-awsAWS Amplifyโœ… ReleasedLambda@Edge
halolight-azureAzure Static Web Appsโœ… ReleasedAzure Functions
halolight-flyFly.ioโœ… ReleasedGlobal deployment
halolight-railwayRailwayโœ… ReleasedOne-click deploy
halolight-dockerDocker self-hostedโœ… ReleasedTraefik reverse proxy

Backend APIs โ€‹

ProjectTech StackStatusFeatures
halolight-api-nestjsNestJS + Prisma + TypeScriptโœ… ReleasedNode.js enterprise
halolight-api-nodeExpress + Prisma + TypeScriptโœ… ReleasedNode.js reference implementation
halolight-api-goGin + GORMโœ… ReleasedHigh performance
halolight-api-pythonFastAPI + SQLAlchemy + Alembicโœ… ReleasedPython ecosystem
halolight-api-bunHono + Drizzle ORMโœ… ReleasedBun runtime
halolight-api-javaSpring Boot 3.4 + JPAโœ… ReleasedEnterprise Java
halolight-api-phpLaravel + Eloquentโœ… ReleasedPHP ecosystem

Infrastructure โ€‹

ProjectPurposeStatusFeatures
halolight-bfftRPC Gatewayโœ… ReleasedType-safe API
halolight-actionNext.js Full-stackโœ… ReleasedServer Actions
halolight-uiStencil Web Componentsโœ… ReleasedCross-framework component library

AI & Web3 โ€‹

ProjectPurposeStatusFeatures
halolight-aiAI Assistantโœ… ReleasedRAG + Action execution
halolight-web3Web3 Integrationโœ… ReleasedEVM + Solana + IPFS

Tech Stack Comparison โ€‹

Frontend Frameworks โ€‹

React family:     Next.js โ†’ Remix โ†’ Preact โ†’ React (Vite)
Vue family:       Vue 3.5 โ†’ Nuxt 3
Others:           Angular โ†’ SvelteKit โ†’ SolidJS โ†’ Qwik โ†’ Lit โ†’ Astro โ†’ Fresh โ†’ Deno

Backend Languages โ€‹

Node.js:          NestJS (Prisma) โ†’ Express (Prisma) โ†’ Hono (Drizzle)
Go:               Gin (GORM)
Python:           FastAPI (SQLAlchemy)
Java:             Spring Boot (JPA)
PHP:              Laravel (Eloquent)

Deployment Platforms โ€‹

Edge runtime:     Cloudflare โ†’ Vercel โ†’ Netlify
Cloud platforms:  AWS Amplify โ†’ Azure SWA โ†’ Fly.io โ†’ Railway
Self-hosted:      Docker + Traefik

Quick Start โ€‹

Choose Frontend Framework โ€‹

bash
# React (Recommended)
git clone https://github.com/halolight/halolight
cd halolight && pnpm install && pnpm dev

# Vue
git clone https://github.com/halolight/halolight-vue
cd halolight-vue && pnpm install && pnpm dev

# Angular
git clone https://github.com/halolight/halolight-angular
cd halolight-angular && pnpm install && pnpm start

Choose Backend API โ€‹

bash
# Node.js (Recommended)
git clone https://github.com/halolight/halolight-api-node
cd halolight-api-node && pnpm install && pnpm dev

# Go
git clone https://github.com/halolight/halolight-api-go
cd halolight-api-go && go run main.go

# Python
git clone https://github.com/halolight/halolight-api-python
cd halolight-api-python && pip install -r requirements.txt && uvicorn main:app --reload

# Java
git clone https://github.com/halolight/halolight-api-java
cd halolight-api-java && mvn spring-boot:run

Choose Deployment Platform โ€‹

bash
# Cloudflare (Recommended for edge)
git clone https://github.com/halolight/halolight-cloudflare
cd halolight-cloudflare && pnpm install && pnpm deploy

# Docker (Recommended for self-hosted)
git clone https://github.com/halolight/halolight-docker
cd halolight-docker && docker-compose up -d

Component Library Usage โ€‹

Install halolight-ui โ€‹

bash
npm install @halolight/ui

Use in HTML โ€‹

html
<script type="module" src="https://unpkg.com/@halolight/ui/dist/halolight-ui.esm.js"></script>

<hl-button variant="primary">Click me</hl-button>
<hl-input label="Email" type="email"></hl-input>
<hl-card>
  <h3 slot="header">Card Title</h3>
  <p>Card content</p>
</hl-card>

Use in React โ€‹

tsx
import { defineCustomElements } from '@halolight/ui/loader';
defineCustomElements();

function App() {
  return <hl-button variant="primary">Click me</hl-button>;
}

Use in Vue โ€‹

vue
<script setup>
import { defineCustomElements } from '@halolight/ui/loader';
defineCustomElements();
</script>

<template>
  <hl-button variant="primary">Click me</hl-button>
</template>

AI Assistant Integration โ€‹

Deploy halolight-ai โ€‹

bash
git clone https://github.com/halolight/halolight-ai
cd halolight-ai
cp .env.example .env
# Configure OPENAI_API_KEY or other LLM keys
docker-compose up -d

API Calls โ€‹

bash
# Send message
curl -X POST http://localhost:3000/api/ai/chat \
  -H "Content-Type: application/json" \
  -H "X-Tenant-ID: default" \
  -H "X-User-ID: user1" \
  -d '{"message": "Help me analyze today'\''s data"}'

# Execute action
curl -X POST http://localhost:3000/api/ai/actions/execute \
  -H "Content-Type: application/json" \
  -d '{"action": "query_users", "params": {"role": "admin"}}'

Web3 Integration โ€‹

Install Dependencies โ€‹

bash
# Core package
npm install @halolight/web3-core

# React components
npm install @halolight/web3-react

# Vue components
npm install @halolight/web3-vue

React Example โ€‹

tsx
import { Web3Provider, WalletButton, TokenBalance } from '@halolight/web3-react';

function App() {
  return (
    <Web3Provider>
      <WalletButton />
      <TokenBalance />
    </Web3Provider>
  );
}

Contributing โ€‹

  1. Fork the repository
  2. Create feature branch: git checkout -b feature/xxx
  3. Commit changes: git commit -m 'feat: xxx'
  4. Push branch: git push origin feature/xxx
  5. Submit Pull Request

License โ€‹

All HaloLight projects are licensed under MIT License.