Headless với Magnolia + React
Biên tập viên giữ workflow quen thuộc, frontend ship theo lịch riêng, API vẫn gọn. Cách chia ba lớp đã làm cho mọi thứ vận hành.
Với Dentsu, một CMS monolithic sẽ ràng buộc presentation quá chặt với content model. Một setup headless làm chuẩn cho phép nhiều frontend dùng chung nội dung mà không phải làm lại. Chúng tôi chọn Magnolia làm tầng nội dung và React làm tầng delivery.
Ba lớp, ba chu kỳ release
- Content modeling - content type và template tái sử dụng trong Magnolia.
- Delivery API - endpoint REST và GraphQL có cache.
- Frontend React - server-render ở những trang cần SEO.
Mỗi tầng có pipeline deploy riêng. Team frontend ship được thay đổi UI mà không cần phối hợp với team CMS; team biên tập có thể ra mắt content type mới mà không chặn release của React.
query ArticlePage($slug: String!) {
article(slug: $slug) {
title
body { blocks }
seo { metaTitle metaDescription }
}
}Hợp đồng API là thứ duy nhất cần ổn định. Mọi thứ khác có thể thay đổi.