Atlas Robotics

Atlas Robotics là dự án thực nghiệm do Perxel nghiên cứu và phát triển. Mục tiêu là xây dựng một bộ khung mã nguồn (boilerplate) đạt chuẩn cho nhóm website B2B và công nghệ, kiểm chứng stack Next.js, TinaCMS và Cloudflare Workers trong một sản phẩm hoàn chỉnh, sẵn sàng cho môi trường production.

Chỉ số kỹ thuật và hiệu năng

• Thời gian phản hồi trang (TTFB tại Edge): < 50ms
• Quy mô cấu trúc: 3 collections chính (Products, Blog, Pages)
• Cấu hình đa ngôn ngữ: demo 3 ngôn ngữ (EN / VI / ZH), kiến trúc hỗ trợ mở rộng
• Môi trường triển khai: Cloudflare Workers (Edge Network)

Bối cảnh và mục tiêu

Đây là loại dự án phổ biến với marketing team: cần một website nhanh, chuẩn SEO, hỗ trợ nhiều ngôn ngữ, nhưng vẫn phải dễ tự cập nhật nội dung sau khi launch mà không phát sinh thêm chi phí CMS hay hosting theo quy mô nội dung.

Bộ khung Atlas Robotics hướng tới ba tiêu chí đồng thời:

Quản trị nội dung với TinaCMS

Atlas Robotics tích hợp TinaCMS theo cơ chế Git-backed, lưu trữ tệp JSON và MDX trực tiếp trong mã nguồn dự án.

Chỉnh sửa văn bản và hình ảnh ngay trên giao diện thật của trang chủ.

• Trực quan hóa biên tập. Người nhập liệu chỉnh sửa văn bản, hình ảnh và xem trước thay đổi ngay trên màn hình (live preview) trước khi xuất bản.
• Quản lý theo schema định sẵn. Nội dung được cấu trúc thành từng block (Hero, Features, Product Catalog, Contact Form) dựa trên schema thiết lập trước. Khác với các công cụ dựng trang tự do dễ làm lệch chuẩn thiết kế, các block trong TinaCMS dùng layout cố định, bảo toàn font chữ, khoảng cách và tính responsive đã thống nhất.
• Lưu trữ trong mã nguồn. Toàn bộ dữ liệu bài viết và sản phẩm nằm trong repository dự án, không cần duy trì cơ sở dữ liệu bên ngoài.

Mỗi trang là một tệp Markdown riêng trong collection Pages, quản lý trực tiếp trong repository.

Cấu trúc đa ngôn ngữ tích hợp

Atlas Robotics xử lý đa ngôn ngữ ngay từ tầng kiến trúc mã nguồn, thay vì phụ thuộc vào plugin bên thứ ba như cách làm phổ biến trên các CMS truyền thống (WordPress thường dùng WPML).

Nội dung từng ngôn ngữ tách riêng theo thư mục: en, vi, zh.

• Tối ưu chi phí và hiệu năng. Kiến trúc i18n tích hợp sẵn giúp hệ thống vận hành nhẹ, không tốn chi phí bản quyền plugin.
• Demo 3 ngôn ngữ. Bản thực nghiệm thiết lập sẵn tiếng Anh, Việt và Trung để kiểm thử luồng dữ liệu và cấu trúc đường dẫn chuẩn SEO (/[lang]/...).
• Mở rộng linh hoạt. Có thể bổ sung ngôn ngữ mới theo nhu cầu mà không ảnh hưởng đến cấu trúc mã nguồn hiện tại.

Hạ tầng triển khai trên Cloudflare Workers

Vercel là lựa chọn mặc định và tương thích tự nhiên nhất với Next.js. Với Atlas Robotics, Perxel nghiên cứu giải pháp tích hợp qua OpenNext để vận hành ứng dụng trên Cloudflare Workers.

• Tối ưu chi phí vận hành. Cloudflare có gói miễn phí rộng rãi. Với lượng truy cập dưới 100.000 lượt mỗi ngày, website hầu như không phát sinh chi phí hạ tầng.
• Mạng lưới Edge toàn cầu. Dữ liệu được phản hồi từ máy chủ gần người dùng nhất, giữ tốc độ phản hồi nhanh ở mọi vị trí địa lý.

Giá trị ứng dụng cho dự án khách hàng

Atlas Robotics là bộ khung kỹ thuật đã được kiểm chứng. Khi triển khai dự án cho khách hàng, Perxel không mất thời gian thiết lập lại hạ tầng từ đầu, toàn bộ nguồn lực tập trung vào việc nghiên cứu yêu cầu nghiệp vụ, thiết kế giao diện độc bản và tối ưu trải nghiệm cho từng doanh nghiệp.

Quá trình nghiên cứu và chuẩn hóa stack Next.js, TinaCMS qua dự án này cũng là nền tảng để Perxel nhận chứng nhận Certified Developer từ TinaCMS.

Xem thêm dịch vụ Website Next.js & Headless CMS. Bản demo đang chạy tại atlas-robotics.perxel.com.