Trải nghiệm sử dụng PayloadCMS cho Website công ty 5SENSE

Xin chào mọi người! Mình là Sakata đến từ bộ phận DEV/IT của 5SENSE. Công việc của mình trải dài từ thiết kế UI cho đến kỹ thuật Full-stack (cả Backend và Frontend).

Nhân dịp 5SENSE vừa hoàn thành việc làm mới toàn bộ Website công ty, mình muốn viết một bài note ngắn chia sẻ về nền tảng kỹ thuật mà chúng mình đã lựa chọn lần này.

Nền tảng kỹ thuật (Tech Stack)

Các công nghệ chính mà chúng mình sử dụng cho dự án lần này bao gồm:

Next.js

TypeScript

PayloadCMS

Tailwind CSS

Vercel

Neon (PostgreSQL)

Zustand

Nhìn chung, đây là một cấu trúc khá phổ biến và tối ưu trong môi trường Next.js hiện nay.

Khi bắt đầu dự án này, mình đã cân nhắc rất nhiều về việc nên chọn CMS nào. Trước đây, mình thường sử dụng các loại Headless CMS dạng Cloud. Tuy nhiên, các dịch vụ này thường gặp một số vấn đề như: chi phí tính theo số lượng người dùng, giới hạn về Rate Limit, hay việc không thể tùy chỉnh API theo ý muốn.

Lần này, mình muốn xây dựng một hệ thống có thể tự vận hành (on-premise), cho phép tự do phát triển và không phát sinh chi phí dựa trên số lượng tài khoản. Sau khi tìm hiểu qua những cái tên nổi tiếng như Strapi, mình đã quyết định thử một thứ gì đó mới mẻ hơn. Đó chính là PayloadCMS – một CMS có khả năng tích hợp cực kỳ tốt với Next.js và Vercel. Sau khi dùng thử, mình cảm thấy rất ưng ý và quyết định áp dụng ngay.

Ưu điểm của PayloadCMS là gì?

Điểm mạnh lớn nhất của PayloadCMS là mặc dù nó có phiên bản Cloud, nhưng về cốt lõi, đây là một phần mềm nguồn mở (OSS) có thể tích hợp trực tiếp vào dự án Next.js hiện có.

PayloadCMS tỏa sáng nhờ việc xây dựng hoàn toàn bằng TypeScript và Drizzle, với trang quản trị (Admin Panel) được làm bằng Next.js. Khả năng tích hợp trực tiếp vào Next.js là một điểm cực kỳ hấp dẫn. Bằng cách tận dụng tính năng App Router, bạn có thể tạo các route của Payload ngay trong môi trường Next.js đang sử dụng. Với một Frontend Developer thường xuyên làm việc với React/Next.js, việc học Payload rất nhanh chóng vì bạn có thể sử dụng chính những kỹ năng mình đã có để triển khai CMS.

Ngoài ra, việc có sẵn nhiều template mẫu hỗ trợ triển khai nhanh chóng với Vercel, Neon và Blob là một điểm cộng lớn. Bạn có thể triển khai và kết nối DB chỉ với vài cú click chuột.

Nhược điểm của PayloadCMS là gì?

Cá nhân mình không thấy có "nhược điểm" nào quá lớn, nhưng có một vài lưu ý quan trọng.

Đầu tiên, PayloadCMS được thiết kế dành cho các nhà phát triển (Developers). Bạn không thể thay đổi cấu trúc dữ liệu thông qua giao diện đồ họa (GUI) như các CMS khác. Để sử dụng PayloadCMS, bạn cần có kiến thức cơ bản về Next.js, TypeScript và Drizzle. Đặc biệt là với Database PostgreSQL, bạn cần tự xử lý các file migration khi có thay đổi phức tạp về Schema.

Nếu bạn muốn cấu hình mọi thứ qua giao diện đồ họa, các CMS truyền thống như Strapi sẽ chiếm ưu thế hơn.

PayloadCMS đang trên đà phát triển mạnh mẽ!

Theo dõi trên NPM Trends, chúng ta có thể thấy sự tăng trưởng vượt bậc của PayloadCMS. Trong vòng 1 năm qua, số lượng dự án áp dụng đã tăng lên đáng kể. Mình tin rằng lý do nằm ở việc nền tảng này đi đúng theo xu hướng công nghệ hiện đại và khả năng tích hợp mượt mà với Next.js.

PayloadCMS là một lựa chọn tuyệt vời cho các blog cá nhân, portfolio hay website doanh nghiệp. Việc chạy trên nền tảng tiêu chuẩn như Next.js và PostgreSQL cũng giúp bạn dễ dàng chuyển đổi môi trường hosting bất cứ lúc nào. Đội ngũ phát triển của họ đang hoạt động rất tích cực và mình rất mong chờ sự phát triển của PayloadCMS trong tương lai. Các bạn hãy thử trải nghiệm xem nhé!