เบื้องหลังการสร้างเว็บพอร์ตโฟลิโอนี้

เทคโนโลยีที่ใช้

เว็บนี้เป็นแอป Next.js ที่ฝัง Payload CMS ไว้ในโปรเจกต์เดียวกัน Payload ทำหน้าที่เป็นระบบหลังบ้าน จึงแก้ไขผลงาน บทความ และข้อมูลเรซูเม่ได้ทั้งภาษาไทยและอังกฤษโดยไม่ต้องแก้โค้ด

ข้อมูลทั้งหมดเก็บใน PostgreSQL หน้าเว็บเรนเดอร์ฝั่งเซิร์ฟเวอร์และถูกแคชไว้ และทุกครั้งที่เผยแพร่การแก้ไขใน CMS แคชจะถูกรีเฟรชให้อัตโนมัติ

การ Deploy

ทุกครั้งที่ push ขึ้น main, GitHub Actions จะ build Docker image แล้วเผยแพร่ไปที่ GitHub Container Registry ส่วน DigitalOcean Droplet ขนาด 1 GB ทำหน้าที่แค่ดึง image มารันคู่กับ PostgreSQL โดยมี Caddy ดูแล HTTPS และโดเมน