Biến WordPress thành API backend: Hướng dẫn xây Headless WP nhẹ

Lợi ích khi dùng WordPress dạng Headless

Các thành phần cần có

• WordPress Backend: Cài như bình thường nhưng chỉ dùng để quản lý dữ liệu.
• REST API hoặc WPGraphQL: Expose dữ liệu post, page, taxonomy, ACF,… ra ngoài.
• Frontend: Vue, React, Astro, Nuxt, SvelteKit, hoặc framework nào bạn thích.

Thiết lập WordPress làm API Server

Một số cấu hình nên áp dụng:

• Tắt toàn bộ theme (dùng theme rỗng như headless-wp-starter hoặc wp-blank).
• Tắt tất cả plugin frontend (slider, popup, builder… không cần).
• Bật plugin như WPGraphQL nếu bạn thích dùng GraphQL.
• Tạo endpoint riêng cho CPT, ACF, hoặc custom meta với register_rest_route().

Ví dụ lấy post qua REST API

GET https://your-site.com/wp-json/wp/v2/posts?per_page=10

Đây là cách bạn có thể gọi dữ liệu từ frontend (ví dụ với fetch):

fetch('https://your-site.com/wp-json/wp/v2/posts')
  .then(res => res.json())
  .then(data => console.log(data));

Một số lưu ý quan trọng

• Đừng expose toàn bộ WP API nếu không cần – nên giới hạn route.
• Chặn truy cập vào /wp-admin, /wp-login.php từ IP frontend.
• Thiết lập CORS hợp lý nếu frontend ở domain khác.
• Có thể dùng plugin như JWT Auth để bảo mật API.

Khi nào nên dùng Headless?

Không phải site nào cũng cần Headless. Hãy cân nhắc nếu:

• Muốn làm PWA, SPA hoặc dùng frontend framework hiện đại.
• Website cần cực nhẹ, load nhanh, scale tốt.
• Frontend tách biệt (VD: mobile app riêng, giao diện tùy biến nặng).

Headless WordPress không phải là xu hướng cho mọi người, nhưng là một lựa chọn tuyệt vời nếu bạn muốn kiểm soát toàn bộ giao diện và tối ưu hiệu suất ở cấp độ cao.

Tổng kết

Bằng cách tách WordPress ra làm API backend, bạn có thể tận dụng khả năng quản lý nội dung mạnh mẽ của nó, trong khi vẫn làm chủ hoàn toàn phần giao diện. Hãy thử nghiệm với Nuxt, Astro hoặc SvelteKit để tạo frontend – và bạn sẽ thấy WordPress nhẹ hơn bao giờ hết.