ดูเบื้องหลังเทคโนโลยี เครื่องมือ และการตัดสินใจที่ขับเคลื่อนพอร์ตโฟลิโอนี้
หมายเหตุ: หน้าเว็บนี้บันทึกสถาปัตยกรรมและสแต็กเทคโนโลยี — เป็นข้อมูลอ้างอิงสำหรับนักพัฒนาและแสดงโปร่งใสว่าเว็บไซต์นี้สร้างอย่างไร
เทคโนโลยี UI หลัก
App Framework
Server-side rendering, static generation และ API routes ในเฟรมเวิร์กเดียว
UI Library
สถาปัตยกรรมแบบ component พร้อม React 19 Server Components
Type Safety
จับ error ตอน compile time เพิ่มประสบการณ์นักพัฒนา
Styling Engine
Utility-first CSS พร้อม dark mode, responsive design และ zero runtime cost
Animation
แอนิเมชันลื่นไหลพร้อมรองรับ reduced motion เพื่อการเข้าถึง
รองรับหลายภาษา
i18n Framework
การแปลแบบ type-safe ด้วย next-intl สำหรับ App Router
ภาษา
คำแปลภาษาอังกฤษและไทยครบทุกหน้าและ metadata
โฮสติงและการ deploy
Hosting
Deployment แบบ zero-config พร้อม CI/CD อัตโนมัติจาก Git
Runtime
Edge functions สำหรับ API routes และการสร้างภาพแบบไดนามิก
Generation
372+หน้าที่ pre-render แล้วเพื่อความเร็วในการโหลดและ SEO
การพัฒนาด้วย AI
Tool Integration
MCP servers เชื่อมต่อ AI กับ Cloudflare, Supabase, Vercel และอื่นๆ
Development
การเขียนโค้ดด้วย AI assistance ด้วย Claude และ Cursor เพื่อ iteration ที่รวดเร็ว
การเพิ่มประสิทธิภาพการค้นหาและการเข้าถึง
Structured Data
JSON-LD schemas ทุกหน้าสำหรับผลลัพธ์การค้นหาแบบ rich
Accessibility
Skip links, รองรับ reduced motion, semantic HTML และการนำทางด้วยคีย์บอร์ด
หลักการนำทาง
พอร์ตโฟลิโอนี้ใช้สุนทรียศาสตร์แบบสมุดสเก็ตช์ — กรอบวาดมือ, sticky notes และพื้นผิวสมุดบันทึก ออกแบบให้รู้สึกเป็นส่วนตัว เข้าถึงได้ง่าย และเป็นเอกลักษณ์ในทะเลของเทมเพลตองค์กร
พอร์ตโฟลิโอนี้เป็น open source ยินดีให้สำรวจ codebase เพื่อการเรียนรู้หรือแรงบันดาลใจ สร้างด้วยความใส่ใจจากกรุงเทพฯ ประเทศไทย