สร้าง Blog ด้วย Astro + Strapi

การมี personal blog เป็นสิ่งที่นักพัฒนาทุกคนควรมี ทั้งเพื่อแชร์ความรู้ สร้าง personal brand และฝึกฝนทักษะ วันนี้จะสอนสร้างบล็อกด้วย stack ที่ทันสมัย: Astro + Strapi

ทำไมต้อง Astro + Strapi?

Astro เหมาะกับ content-driven websites มาก ได้ performance ดีเยี่ยม ส่วน Strapi เป็น headless CMS ที่ใช้ง่าย มี admin panel สวยงาม จัดการเนื้อหาผ่าน UI ได้โดยไม่ต้องแก้โค้ด

Architecture Overview

Strapi ทำหน้าที่เป็น backend จัดเก็บบทความ หมวดหมู่ และรูปภาพ ส่งข้อมูลผ่าน REST API หรือ GraphQL ส่วน Astro ดึงข้อมูลจาก Strapi มา build เป็น static HTML ที่เร็วมาก

ขั้นตอนหลัก

1. ติดตั้ง Strapi และสร้าง content types 2. ติดตั้ง Astro และสร้างหน้าเว็บ 3. เชื่อมต่อ Astro กับ Strapi API 4. ออกแบบ UI ด้วย Tailwind CSS + daisyUI 5. Deploy Strapi บน Railway และ Astro บน Vercel

บทความที่เกี่ยวข้อง