HotlineS3 Frontend

เจ้าของผลงานเล่าไว้แบบนี้

https://hotlines3.vercel.app # HotlineS3 Frontend Frontend สำหรับระบบจัดการงานบำรุงรักษา/งานทีม HotlineS3 ## Architecture - **Frontend**: Next.js 16, React 19, TypeScript - **UI**: Tailwind CSS, shadcn/Radix UI, Lucide React, antd-mobile - **Data fetching**: TanStack Query + service layer - **Backend**: Go REST API แยก repo (`backend-hotline`) - **Database ownership**: Backend เท่านั้น ผ่าน Goose migrations > สำคัญ: repo หน้าบ้านนี้ไม่มี ORM/DB client, ไม่มี Server Actions สำหรับเขียน DB, และไม่มี direct database access. ทุกข้อมูลต้องผ่าน Go backend REST API เท่านั้น. ## Data Flow ```text React Components → React Query hooks → src/lib/services/*.service.ts → src/lib/api-client.ts → /api/* proxy หรือ NEXT_PUBLIC_API_URL → Go backend /v1/* → PostgreSQL/Neon ผ่าน backend migrations ``` ## Environment Variables ใช้เฉพาะ endpoint ของ API ใน frontend: ```bash NEXT_PUBLIC_API_URL=/api GO_BACKEND_URL=http://localhost:8080 R2_PUBLIC_URL=https://photo.akin.love ``` - `NEXT_PUBLIC_API_URL=/api` ให้ browser เรียกผ่าน Next.js proxy - `GO_BACKEND_URL` ใช้เฉพาะ proxy route ฝั่ง Next.js เพื่อ forward ไป Go backend - `R2_PUBLIC_URL` ใช้แสดง public image URL ## Development ```bash npm install npm run dev ``` เปิด [http://localhost:3000](http://localhost:3000) ## Verification ```bash npm run lint npx tsc --noEmit ``` Large-work regression tests: ```bash npx --yes tsx src/types/large-work.test.ts npx --yes tsx src/features/large-work/planning-board-helpers.test.ts npx --yes tsx src/features/larg

โดย Armboy122 · ดูโพสต์ต้นทาง