← ShowcaseCase Study — Phase 2

จาก AppSheet สู่ Full-Stack ใน 4 สัปดาห์

เมื่อ AppSheet ถึงขีดจำกัด — ระบบเดิมที่สร้างไว้ดี + AI-assisted development ทำให้ไม่ต้องเริ่มใหม่จากศูนย์

Timeline

4 สัปดาห์

Modules

Production System

Method

AI-Assisted (Vibecoding)

Phase

Phase 2 — ต่อจาก Smart Factory

← อ่าน Phase 1: Smart Factory Transformation

ทำไมต้อง Migrate?

ระบบ AppSheet + Google Sheets ที่สร้างใน Phase 1 ช่วยให้โรงงานเปลี่ยนจากกระดาษสู่ดิจิทัลได้สำเร็จ แต่เมื่อข้อมูลมากขึ้น ความต้องการซับซ้อนขึ้น ข้อจำกัดของ platform เริ่มชัด

  • Google Sheets row limit — ข้อมูลเริ่มถึงขีดจำกัด performance ลดลง
  • ไม่มีระบบ Approval Workflow — ข้อมูลเข้าระบบโดยไม่มีการตรวจสอบ
  • Role-Based Access ทำได้จำกัด — ควบคุมสิทธิ์ละเอียดไม่ได้
  • Report สร้างเองไม่ได้ — ต้องรอคนทำ Looker ให้ทุกครั้ง

ทำไมถึงทำได้ใน 4 สัปดาห์

Foundation พร้อม

ข้อมูลมีโครงสร้างชัดเจนจาก Phase 1 แล้ว — Google Sheets → PostgreSQL migrate ได้ตรงๆ ไม่ต้อง re-discover workflow

AI-Assisted Development

ใช้ Cursor + Claude Code เป็น co-developer ตลอดกระบวนการ — ออกแบบ, เขียน, debug, review ร่วมกับ AI งานที่เคยใช้ 3 เดือน ลดเหลือ 4 สัปดาห์

Prototype มีอยู่แล้ว

ระบบ AppSheet เดิมคือ prototype ที่พิสูจน์แล้วว่า workflow ใช้งานได้จริง — แค่ re-implement ด้วย stack ที่แข็งแรงกว่า

4 สัปดาห์ — ทำอะไรบ้าง

Understand + Data Migration

  • ย้ายข้อมูลจาก Google Sheets → PostgreSQL
  • ออกแบบ Prisma schema จาก data ที่มีอยู่
  • วาง RBAC + Approval flow architecture
Database schemaData migration scripts

Build Production Module

  • สร้างหน้า Production data entry + validation
  • Approval workflow (Submit → Review → Approve)
  • Audit logging ทุก transaction
Production moduleApproval workflow

Dashboard + Reports

  • Production KPI Dashboard
  • Dynamic Report Builder
  • PDF export
KPI DashboardReport BuilderPDF export

Deploy + Training

  • On-premise server setup (Dell Precision 3460 SFF)
  • PM2 Cluster + Caddy reverse proxy
  • Training ทีมงาน + Go-live
Production deploymentTeam training

สิ่งที่ได้เพิ่มจากการ Migrate

BEFORE

ระบบเดิม (AppSheet)

  • Google Sheets — row limit, performance ลด
  • ทุกคนเห็นข้อมูลเท่ากัน
  • ไม่มี approval workflow
  • Report ต้องทำใน Looker แยก
  • ไม่มี audit log

AFTER

ระบบใหม่ (Next.js)

  • PostgreSQL — ไม่มี row limit, query เร็ว
  • RBAC 3 ระดับ (Admin / Assistant / User)
  • Approval workflow + แจ้งเตือนอัตโนมัติ
  • Dynamic Report Builder — สร้างรายงานเองได้
  • Audit log ทุก action — traceability 100%

ตัวอย่างหน้าจอระบบใหม่

Yield17.72%OEE87.4%Output1,250 t7 days

Production Dashboard

Pending Review12 records waitingApproved8 records approved todayRejected2 records need correction

Approval Workflow

REPORTSDailyWeeklyMonthlyYieldOEEDateYield%OutputOEE%01/0517.721,25087.402/0517.451,19085.103/0518.011,31089.204/0517.881,27588.0Export PDF

Dynamic Report Builder

Tech Stack

Application

Next.js 15TypeScriptPrisma ORMtRPCTailwind CSSMUI

Infrastructure

PostgreSQLRedisPM2 ClusterCaddyWindows ServerCloudflare

"การ migrate ที่เร็วที่สุด ไม่ใช่การเขียนโค้ดเร็ว — แต่คือการไม่ต้องเดาว่า workflow ควรเป็นอย่างไร เพราะ Phase 1 พิสูจน์มาแล้ว"

Coming Next

Phase 3 — AI Layer Integration

ขั้นต่อไปคือการนำ AI เข้ามาวิเคราะห์ข้อมูลที่สะสมจาก 2 Phase — Anomaly detection, Auto-classification, Predictive maintenance ระบบพร้อมรองรับตั้งแต่วันที่ migrate

มีระบบที่อยากยกระดับ? ปรึกษาฟรี →