Init Live Search giải quyết vấn đề này với hệ thống REST API chuẩn hóa, trả JSON sẵn sàng để fetch từ bất kỳ frontend nào.

1. Tại sao Init Live Search phù hợp với Headless / Static Site?

• Hoạt động 100% qua WordPress REST API.
• Viết bằng JavaScript thuần (không jQuery).
• Kết quả trả về là JSON có cấu trúc chuẩn: title, type, url, thumb, date
• Dễ dàng fetch từ Next.js, Nuxt, Astro, Vue, React, mobile app, PWA v.v.

2. Cách fetch API tìm kiếm cơ bản

fetch('https://example.com/wp-json/initlise/v1/search?term=manga')
  .then(res => res.json())
  .then(data => console.log(data));

Các tham số có thể sử dụng:

• term: từ khóa cần tìm
• post_types: danh sách post type (mặc định do plugin quy định)
• Tùy chọn fallback, max result đã được định trong admin

3. Gọi slash command từ frontend bất kỳ

fetch('https://example.com/wp-json/initlise/v1/recent')
  .then(res => res.json())
  .then(data => renderSearchResults(data));

Bạn có thể fetch các command khác như:

• /date?value=2024/05
• /tax?taxonomy=category&term=wordpress
• /related?title=Tiêu đề trang&exclude=123

Rất linh hoạt cho SPA hoặc app headless.

4. Kết quả trả về dễ render

Mỗi bản ghi sẽ có:

{
  title: "Tiêu đề bài viết",
  type: "Post",
  url: "https://...",
  thumb: "https://...",
  date: "2024-05-23"
}

Bạn có thể dùng loop JS để render bất kỳ UI framework nào.

5. Cache & Bảo mật

• Hãy cache kết quả public (recent, popular, tax…) qua Cloudflare Cache Rule.
• Nội dung private hoặc draft: gọi qua proxy backend riêng để đảm bảo security.

Kết luận

Init Live Search không chỉ là plugin cho WordPress frontend, mà còn là search API engine hoàn chỉnh cho mọi loại giao diện headless. Triển khai nhanh, giao tiếp mở, REST-first và dễ hook với backend hiện có.

Nếu bạn đang xây dựng website headless hoặc static, hãy coi Init Live Search như một REST-powered module để tích hợp tìm kiếm nhanh gọn và thông minh.