รู้จัก EmDash ระบบ CMS ล่าสุดจาก Cloudflare สถาปัตยกรรมใหม่เพื่อสปีดและ AI

แนะนำ EmDash ระบบ CMS ใหม่จาก Cloudflare ที่ใช้ Astro และ Serverless แก้ปัญหา Plugin Security ของ WordPress พร้อมรองรับ AI Native

Cloudflare  เปิดตัวโปรเจคโอเพนซอร์สชื่อ EmDash แถมมีเป้าหมายที่ค่อนข้าง aggressive เลยครับในการจะอัปเกรดไปแทนที่หรือให้เหนือกว่าเจ้าตลาด CMS อย่าง WordPress โดยระบบเขียนใหม่ด้วย TypeScript 100% รันแบบ Serverless และใช้ Astro Framework เป็นแกนหลัก

หน้าตาของ Emdash CMS 



ทำไม Emdash น่าสนใจ

ปัญหาหลักของ WordPress คือ 96% ของช่องโหว่ความปลอดภัยมาจาก Plugin เนื่องจาก Plugin ของ WP เป็นสคริปต์ PHP ที่เข้าถึงฐานข้อมูลและไฟล์ระบบได้โดยตรง หากแฮกเกอร์เจาะ Plugin ได้ ก็เท่ากับยึดเว็บเราได้ทั้งเว็บ

ดังนั้น Cloudflare จึงออกแบบ EmDash มาเพื่อแก้ปัญหาเหล่านี้ครับ ไม่ว่าจะเป็น

1. ระบบ Plugin แบบ Sandboxed ผ่าน Dynamic Workers

ใน EmDash ตัว Plugin จะถูกแยกการทำงานออกไปอยู่ใน Isolate ของตัวเอง (Sandboxed) Plugin จะไม่สามารถเข้าถึงข้อมูลมั่วซั่วได้ แต่จะต้องประกาศ  Capabilities (สิทธิ์ที่ต้องการเข้าถึง) ไว้ใน Manifest ตั้งแต่ตอนติดตั้ง คล้ายกับการกดขอสิทธิ์ของแอปพลิเคชันบนมือถือ

ลองดูตัวอย่างโค้ด Plugin สำหรับส่งอีเมลแจ้งเตือนเมื่อมีบทความใหม่

import { definePlugin } from "emdash";

export default () =>
  definePlugin({
    id: "notify-on-publish",
    version: "1.0.0",
    capabilities: ["read:content", "email:send"], // ประกาศขอสิทธิ์เฉพาะการอ่านคอนเทนต์และส่งอีเมลเท่านั้น
    hooks: {
      "content:afterSave": async (event, ctx) => {
        if (event.collection !== "posts" || event.content.status !== "published") return;

        await ctx.email!.send({
          to: "[email protected]",
          subject: `New post published: ${event.content.title}`,
          text: `"${event.content.title}" is now live.`,
         });

        ctx.log.info(`Notified editors about ${event.content.id}`);
      },
    },
  });

ด้วยวิธีนี้  แอดมินเว็บ (Web Administrator) จะรู้ได้ทันทีว่า Plugin ตัวนี้ต้องการทำอะไร ทำให้ไม่ต้องพึ่งพาระบบ Marketplace ผูกขาดเพื่อกรองความปลอดภัยอีกต่อไป 



2. Serverless & Scale-to-Zero

WordPress ปกติไม่ใช่ Serverless ซึ่งทางแอดมินของเว็บต้องเช่าเซิร์ฟเวอร์ (เช่น EC2 หรือ VPS) และเปิดทิ้งไว้เพื่อรอรับทราฟฟิก แต่ EmDash ถูกออกแบบมาให้รันบน workerd (V8 Isolate ของ Cloudflare) ซึ่งหมายความว่าระบบสามารถขยายการรองรับ Request ได้มหาศาลในพริบตา และ Scale to zero (คือไม่กินรีซอร์สเลยครับ) เมื่อไม่มีคนเข้าเว็บ ทำให้ต้นทุน hosting ของเว็บไซต์เราลดลงอย่างมาก

3. Frontend ขับเคลื่อนด้วย Astro Framework

อย่างที่คนทำ Technical SEO ทราบกันดีว่า Astro คือพระเอกของการทำ PageSpeed ให้ได้ 100/100 (หรือแทบจะเขียวเต็มกราฟ) ด้วยแนวคิด Islands Architecture และ Zero JavaScript by Default การที่ EmDash เลือกใช้ Astro เป็นแกนหลักในการทำ Theme ยิ่งการันตีเรื่อง Core Web Vitals สีเขียว ซึ่งส่งผลดีต่อ SEO โดยตรง

4. ระบบ AI-Native CMS

EmDash ถูกออกแบบมาเพื่อยุคที่ AI ทำงานแทนมนุษย์ (AI Agents) โดยมี MCP Server ในตัว: มี Model Context Protocol (MCP) ติดตั้งมาให้เลย ทำให้เราสามารถเชื่อมต่อ AI Agent (เช่น Claude Code) เข้าไปจัดการคอนเทนต์หรือเขียน Custom Fields ได้จาก Terminal

มี Agent Skills ตัวระบบมีคู่มือโครงสร้างฝังมาให้ เพื่อให้ AI สามารถอ่านและเขียน Theme หรือ Plugin สำหรับ EmDash ได้แม่นยำขึ้นทันที

5. สร้างรายได้อัตโนมัติด้วย x402 Protocol

อีกหนึ่งฟีเจอร์ที่น่าสนใจคือการรองรับมาตรฐาน x402 (Internet-native payments) ซึ่งช่วยให้เจ้าของเว็บสามารถตั้งค่าเก็บเงินรายครั้ง (Pay-per-use) สำหรับการอ่านคอนเทนต์บางส่วนได้ทันที โดยที่ฝั่ง Client หรือ AI Agent จะได้รับ HTTP Status 402 (Payment Required) และสามารถจ่ายเงินเพื่อปลดล็อกเนื้อหาได้โดยไม่ต้องทำระบบ Subscription ให้วุ่นวาย

ย้ายจาก WordPress ยากไหม?

สำหรับคนที่กังวลเรื่องการย้ายข้อมูล ทาง Cloudflare ได้เตรียม EmDash Exporter plugin สำหรับติดตั้งบน WordPress เดิม เพื่อดึงข้อมูล บทความ และ Media Library ทั้งหมดข้ามมายัง EmDash ได้ทันที รวมถึงสามารถแปลง Custom Post Types เดิม ให้กลายเป็น Content Schema ใหม่บนระบบของ EmDash ได้อย่างราบรื่น

ลองใช้งาน Emdash

อย่างที่ทราบว่าอันนี้เป็น open source ครับ เราสามารถ clone source code (copy) จาก GitHub ของ Emdash CMS นี้ได้เลย



ซอร์สโค้ดของ Emdash เป็น open source อยู่บน GitHub

git clone https://github.com/emdash-cms/emdash.git && cd emdash
pnpm install
pnpm build

เสร็จแล้วรันทดสอบระบบครับ โดย emdash จะมี mockup data มาให้เราได้ทดสอบด้วย ซึ่งสะดวกมาก

pnpm --filter emdash-demo seed
pnpm --filter emdash-demo dev

เมื่อเปิดเว็บเราจะได้หน้า blog ซึ่งเป็น default template แบบนี้ ซึ่งบอกได้เลยว่าสะดวกมาก ๆ  ครับ

ลองเข้าฝั่ง CMS ดูจะได้แบบนี้ ให้ทำการ setup ตามนี้ได้เลยครับ

setup เพื่อเข้าเตรียมสู่ระบบแอดมินหลังบ้าน

กำหนด passkey

ยืนยันการสร้าง Passkey

แล้ว authen ด้วย passkey (หรือจะเลือก Gmail/GitHub ก็ได้)

authen เข้าสู่ระบบ CMS

เข้าหน้า CMS เรียบร้อย...Amazing!

หน้า CMS เรียกได้ว่าค่อนข้างครบครัน

การมาของ EmDash เรียกได้ว่าอาจเป็นการเซ็ตมาตรฐานใหม่ให้กับ Web Architecture ครับ เพราะการนำปัญหาคลาสสิกของ WordPress อย่างเรื่อง Security และ Performance มาจับคู่กับเทคโนโลยีล้ำสมัยอย่าง Astro, Serverless และระบบ AI (MCP) ถือเป็นก้าวสำคัญด้านวงการ web development ที่น่าจับตาครับ 

ส่วนตัวแล้วค่อนข้างว้าวมากเลยครับ เล็งไว้เลยว่าถ้าผ่าน beta เวอร์ชันไปเมื่อไหร่ นี่อาจจะเป็น tech stack ที่อาจจะเอาไว้ขึ้นเว็บให้ลูกค้าในโปรเจคหน้าเลยครับ

อ้างอิง