กลับไปหน้า Portfolio
Web / AI
SPV Tech Solutions — เว็บไซต์สร้างด้วย AI Tools
SPV Tech Solutions Website Built with AI
2567–2568 Full-Stack Developer / AI-Assisted Development
Next.jsTypeScriptTailwind CSSClaude AIAI-AssistedLMSStripeGoogle Drive
สรุปโปรเจค
พัฒนาเว็บไซต์ SPV Tech Solutions ครบวงจรด้วยตัวคนเดียว โดยใช้ Claude AI (Anthropic) เป็นเครื่องมือหลักในการเขียนโค้ด ออกแบบ และ Debug ทำให้งานที่ปกติต้องใช้ทีม 3-5 คน สำเร็จได้คนเดียวใน 5 วัน
รายละเอียดงานที่ทำ
- ออกแบบและพัฒนาเว็บไซต์ด้วย Next.js 16 App Router, TypeScript Strict Mode
- ใช้ Claude AI (Claude Code CLI) เขียนโค้ด, Debug, ออกแบบ Component ทุกส่วน
- พัฒนาระบบ LMS (Learning Management System) ครบ: Course, Lesson, Progress, Enrollment
- Integrate Stripe Payment, Google Drive Storage, Google OAuth
- สร้าง Admin Panel เต็มรูปแบบ: CRUD Courses/Products/Blog/Users/Orders
- ออกแบบ Dark Navy Theme ด้วย Tailwind CSS 4.x + shadcn/ui
- Deploy บน Vercel, Database บน Bluehost MySQL
รูปภาพโปรเจค
Homepage — Dark Mode (TH)
Homepage — Light Mode (EN)
Course Library — Dark (TH)
Course Library — Light (EN)
Blog Listing — Dark (TH)
Blog Listing — Light (EN)
Skills & Work Experience — Dark (TH)
Skills & Work Experience — Light (EN)
AI Services — Dark (TH)
About & Timeline — Dark (TH)
About & Timeline — Light (EN)
AI-Assisted Development — วิธีที่ใช้จริง
Claude Code CLI ใช้ Claude Code CLI (AI ของ Anthropic) เป็น Pair Programmer สั่งงานผ่าน Natural Language ทั้งการ Design Component, Debug TypeScript Error, วาง Database Schema และ Business Logic
Claude อ่าน Codebase ทั้งหมด วิเคราะห์ Context แล้วเสนอ Solution ที่ถูกต้องตาม Pattern ของ Project ลด Research Time ลง 80% และ Debug Time ลง 70%
ผลลัพธ์: Full-Stack Web App ที่รวม LMS + E-Commerce + CMS + Admin Panel ใน Codebase เดียว TypeScript Strict ทั้งหมด พัฒนาคนเดียวในเวลา 5 วัน
5 วัน
เวลาพัฒนา
1 คน
Developer
70%+
ประหยัดเวลา
5 ระบบ
ในเว็บเดียว
Key Highlights
- พัฒนาคนเดียวด้วย Claude AI ในเวลา 5 วัน
- รองรับ 2 ภาษา (TH/EN) และ Light/Dark Theme
- ระบบ LMS + E-Commerce + CMS ในเว็บเดียว
- AI-Assisted Development ลดเวลาได้ 70%+
- เป็น Living Proof ว่า Solo Entrepreneur ทำได้จริง
