Case study
Dự án website cho 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
Dự án bảo mật
Đây là dự án khách hàng đã được ẩn danh. Thương hiệu, trang live và hình ảnh thuộc thỏa thuận bảo mật (NDA) — liên hệ để mình trao đổi chi tiết về cách làm, quyết định và kết quả.
Liên hệ để trao đổi về dự ánTổng quan
Công việc agency 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ệ
Công nghệ dùng
- WordPress + NextJS
- REST API
- ShadCn UI
- Tailwind CSS
- GSAP
- Swiper
- Motion UI