Case Study: สร้าง Portfolio v2 ใหม่ หลัง v1 ถูกลบ
ผลลัพธ์
สร้างพอร์ตโฟลิโอใหม่ด้วย Astro 5 จากศูนย์ หลัง v1 ถูกลบ — 15 หน้า, AEO schema ครบ, Deploy อัตโนมัติผ่าน Vercel
ปัญหา
Portfolio v1 (Astro + Product Studio) ถูกลบ 2026-09-08 เนื้อหาหายหมด ต้องสร้างใหม่ให้:
- ติด Google เมื่อค้นหา “Chinnakrit portfolio”
- AI (ChatGPT, Perplexity) อ้างอิงได้
- รองรับ EN/TH
ที่สร้าง
Stack: Astro 5 + Tailwind 3 + Svelte 5 + swup + pagefind Fork: saicaca/fuwari → Besty0728/fuwari (ลบ 12 component ที่ไม่ใช้) Deploy: Vercel (auto-deploy ตอน push main) Domain: www.chinnakrit.dev
AEO ที่ทำ
| เทคนิค | การใช้ |
|---|---|
| Organization + Person Schema | JSON-LD ใน Layout.astro + sameAs GitHub |
| FAQPage Schema | 5 คำถามใน About (EN+TH) |
| llms.txt | public/llms.txt + llms-full.txt |
| เนื้อหา | เขียนแบบ Inverted Pyramid — ตอบก่อน ลงรายละเอียดทีหลัง |
| i18n | EN ที่ / TH ที่ /th/ พร้อม hreflang |
ผลที่วัดได้
- Build 3.5 วินาที, 15 หน้า
- ChatGPT index แล้ว (ยืนยันจากการค้นหา)
- JSON-LD ผ่านโครงสร้าง Google Rich Results Test
- ไม่มี GA / Ads / Tracking
ตัดสินใจสำคัญ
- เลือก Astro แทน Next.js — build เร็วกว่า, deploy ง่ายกว่า สำหรับ portfolio แบบ static
- ลบ component เจ้าของทั้งหมด — codebase สะอาดขึ้นมาก
- เขียน content แบบ AEO-first — ทุกหน้าตอบคำถามเดียวใน 40 คำแรก
- ทำ i18n ตั้งแต่วันแรก ไม่ใช่มาตามหลัง
ปัญหา
- เนื้อหา v1 หาย — ต้องเขียนใหม่ทั้งหมด (บังคับให้ออกแบบใหม่)
- Biome lint มี 133 diagnostic — แก้เฉพาะ critical, build ผ่าน
- Works ยังว่าง — ต้องเขียน case study เพิ่ม
ที่เรียนรู้
- AEO schema อย่างเดียวไม่พอ — ต้องมี content ลึกพอ
- AI citation ต้องข้อมูล consistent: page = schema = sameAs
- Astro + Vercel = loop เร็วที่สุดสำหรับปรับ portfolio
Tech Stack
Astro 5, Tailwind CSS, Svelte 5, TypeScript, Vercel, Schema.org JSON-LDลิงก์
คำถามที่พบบ่อย
ทำไมไม่กู้ v1 กลับมา? v1 ถูกลบถาวร ไม่มี backup ต้องสร้างใหม่
AEO ได้ผลจริงไหม? ChatGPT index แล้วหลังใส่ schema + content — กำลังติดตาม citation share
ทำอีกครั้งจะต่างยังไง? เริ่มจากเขียน case study ก่อน แล้วค่อย technical setup — content สำคัญกว่า code สำหรับ AEO
Case Study: สร้าง Portfolio v2 ใหม่ หลัง v1 ถูกลบ
https://www.chinnakrit.dev/th/posts/portfolio-v2-rebuild/ ภาพรวมการเขียน
5 โพสต์
โพสต์
4,418
จำนวนตัวอักษร
23min
เวลาอ่าน
884
ตัวอักษรเฉลี่ย
โพสต์รายปี
2026 11
2024 1
โพสต์ที่ยาวที่สุด
1 Software QA, Automated Testing Sandbox & Code Audit for AI Desktop Plugins 1,991 2 Case Study: Engineering & Auditing Production Desktop Plugins for Hermes Agent 758 3 Case Study: Building a Local Autonomous AI Agent Runtime with Hermes 752 4 Case Study: Autonomous Image Generation Skill & Local Asset Pipeline with MaxPlus Gateway 570 5 Case Study: Portfolio v2 Rebuild — From Deleted v1 to AEO-Optimized Astro Site 347