3a0884e7d7
Integrate Prototype_latest.jsx as the main App component. Skip tsc in build since prototype is plain JSX. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
bp-rect
React + Vite + TypeScript + TailwindCSS application.
Quick Start
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview
Deploy to Unity Infrastructure
Prerequisites
- DNS record pointing to Gateway (3.0.22.121)
- Git repository on Gitea (git.qikbite.asia)
Deployment Steps
-
Push to Gitea:
git remote add origin https://git.qikbite.asia/git_admin/bp-rect.git git push -u origin main -
Create app in Coolify:
curl -sk -X POST 'https://coolify.qikbite.asia/api/v1/applications/dockerfile' \ --header 'Authorization: Bearer <COOLIFY_TOKEN>' \ --header 'Content-Type: application/json' \ --data '{ "project_uuid": "r8so044sg4cgcko84o8kgcks", "server_uuid": "v8s4kw84o00gcocwcwos4k4s", "destination_uuid": "tg80co08408s04oo80cg80ok", "environment_name": "production", "git_repository": "https://git.qikbite.asia/git_admin/bp-rect.git", "git_branch": "main", "build_pack": "dockerfile", "ports_exposes": "3000", "name": "bp-rect" }' -
Add Gateway route (SSH to 3.0.22.121):
# /home/ubuntu/traefik/config/dynamic/services.yml http: routers: bp-rect: rule: "Host(`bp-rect.qikbite.asia`)" service: coolify-apps tls: certResolver: letsencrypt entryPoints: - websecure -
Verify: https://bp-rect.qikbite.asia
Project Structure
src/
├── components/ # Reusable UI components
├── pages/ # Route pages
├── hooks/ # Custom React hooks
├── lib/ # Utilities and API clients
└── styles/ # Global styles
Tech Stack
- React 18
- TypeScript
- Vite 5
- TailwindCSS 3
- React Router 6
- TanStack Query
- Zustand (state management)