Case study
OKHub Agency
Stack agency — frontend Next.js, nội dung WordPress, và hardening khi ship.
- Vai trò
- Lập trình viên Frontend
- Thời gian
- 10.2025 — 01.2026
- Công nghệ
- WordPress + NextJS · REST API · ShadCn UI
Tổng quan
Công việc OKHub trải dài headless WordPress + Next.js: theme, CPT/ACF API, animation, payment/booking và biện pháp bảo mật thực dụng.
Vấn đề
01Dự án agency cần nhanh và bền: nội dung sửa được, frontend tương tác, bảo mật tối thiểu — không reinvent stack mỗi lần.
Hướng tiếp cận
02- App Next.js/React responsive
- Theme WordPress tối ưu performance/SEO/a11y
- CPT + ACF → REST cho UI headless
- GSAP, state Redux/Zustand/Context
- Payment/booking + hardening (permissions, reCAPTCHA, rate limit)
Quyết định quan trọng
03- Chốt contract headless sớm
- Tối ưu media/code-splitting mặc định
- Security cơ bản đi cùng mọi form
Tác động
Lab / shipping
Performance
97
Lighthouse
LCP
1.3s
Lab mobile
Ô case study
12+
Showcase dự án
Lớp motion
GSAP
Scroll storytelling
Kết quả
Pattern WordPress → Next.js tái dùng
Frontend tương tác, thân thiện SEO
Flow booking/payment có lớp bảo vệ
Thư viện ảnh
Ảnh dự ánẢnh chụp màn hình
Công nghệ dùng
- WordPress + NextJS
- REST API
- ShadCn UI
- Tailwind CSS
- GSAP
- Swiper
- Motion UI