Tran Manh Tuan

Wonderia

Wonderia YOKOHAMA là website bộ mặt thương hiệu tại wonderia.jp, tiếp cận du khách bằng 4 ngôn ngữ: Nhật, Anh, Hàn và Trung (phồn thể). Bài toán đặt ra: đội marketing tự cập nhật nội dung mà không phải chờ lập trình viên, mọi yêu cầu liên hệ và đặt lịch cho đoàn khách phải đến thẳng đội chăm sóc khách hàng không lọt và không lẫn spam, hệ thống chạy ổn định, bảo mật, chi phí vận hành thấp.

Site dựng bằng Next.js 15 / React 19, đa ngôn ngữ với next-intl (định tuyến theo locale, SEO đa ngôn ngữ). Nội dung được dựng sẵn thành trang ngay lúc build nên tải gần như tức thì và không phụ thuộc CMS khi có người truy cập; hiệu ứng chuyển động và parallax tạo trải nghiệm đậm chất một điểm đến giải trí. Biên tập viên soạn nội dung trên Contentful — bấm Publish hoặc Deploy to Dev ngay trong giao diện CMS là hệ thống tự build, tự deploy lên đúng môi trường và báo kết quả qua Slack, không cần gửi ticket cho IT hay chờ release.

Form liên hệ và form đặt đoàn (có cấu trúc riêng) đi qua một API độc lập (Node.js/Express trên Cloud Run): kiểm tra dữ liệu chặt chẽ bằng Zod, chặn bot bằng Google reCAPTCHA, rồi tự tạo ticket trên Zendesk để đội CS nhận yêu cầu sạch, đầy đủ và phản hồi được ngay. Kết nối ra ngoài đi qua IP tĩnh (Cloud NAT) nên đáp ứng được yêu cầu whitelist của đối tác.

Toàn bộ hạ tầng định nghĩa bằng Terraform, môi trường Dev và Production tách biệt hoàn toàn, kiến trúc serverless tự co giãn theo lượng truy cập. Mỗi thay đổi code đều tự động qua ba bước quét bảo mật — lỗ hổng thư viện và container (Trivy), lỗi bảo mật trong mã nguồn (Semgrep), rò rỉ khoá bí mật (Gitleaks); khoá bí mật giữ trong Secret Manager, container chạy bằng user không có quyền root, và mỗi dịch vụ chỉ được cấp đúng quyền cần dùng.

Ảnh 1 trên 4