mazzotta.dev คือเว็บ portfolio และ lead-gen ที่คุณกำลังอ่านอยู่นี้ case study หลายภาษา archive ผลงาน ฟอร์มติดต่อแข็งแกร่ง สร้างให้งานวิศวกรรมพูดด้วยตัวเอง
ภาพรวม
portfolio ของวิศวกรรุ่นซีเนียร์ไม่ควรเป็นแค่ landing page กับ CV ทุกหน้าจอที่นี่คือตัวอย่างจริงของ stack ทั้งหมด pipeline เนื้อหา navigation layout case study flow ติดต่อ ผู้เยี่ยมชมไม่ต้องเชื่อคำกล่าวอ้างทางวิศวกรรม
สิ่งที่ทำได้
- เนื้อหา 3 ภาษา (EN / DE / TH) พร้อม hreflang และ routing ตาม locale ระดับเฟิร์ส
- case study MDX แบบ type-safe ใช้ template เดียวกันทุกโปรเจกต์
- view transition แบบเนทีฟตอนเปลี่ยนจาก card ไป case study
- ฟอร์มติดต่อแข็งแกร่ง (BotID, honeypot, time-trap, rate-limit, Zod)
- RSS feed รายภาษา sitemap ไดนามิก ภาพ OG สร้างทุกโปรเจกต์
ไฮไลต์
- repo เดียว สร้าง 127 หน้าสแตติกทุกครั้งที่ push
- Lighthouse-CI กรอง accessibility, SEO, performance และ best practice ทุก PR
- เนื้อหาเป็น MDX ทำให้การแก้ไขโดยคนไม่ใช่ dev ก็ยังสะอาด
