Case study
AMA Corp
Website doanh nghiệp có truy cập bảo mật — brand public kèm auth/OAuth.
- Vai trò
- Lập trình viên Frontend
- Thời gian
- 11.2025 — 01.2026
- Công nghệ
- NextJS · Authentication · OAuth
Tổng quan
AMA Corp cần vừa brochure chuyên nghiệp vừa cổng truy cập có xác thực/OAuth cho đúng đối tượng.
Vấn đề
01Marketing public và khu vực private thường tách hệ thống. AMA cần cả hai mà không vỡ brand.
Hướng tiếp cận
02- Base Next.js từ Figma, UI + motion
- Auth + OAuth
- Cấu trúc nội dung/SEO cho campaign
- Phối hợp marketing
Quyết định quan trọng
03- Auth là một phần UX sản phẩm
- Public/private cùng ngôn ngữ hình ảnh
- Empty/error state rõ ràng khi auth fail
Tác động
Lab / shipping
Performance
94
Lighthouse
LCP
1.7s
Lab mobile
Responsive
100%
Phone → desktop
Cấu trúc
SEO
Thân thiện SEO
Kết quả
Brand site chuyên nghiệp
Luồng auth/OAuth tích hợp
Cấu trúc nội dung phục vụ campaign
Thư viện ảnh
Ảnh dự ánẢnh chụp màn hình
Công nghệ dùng
- NextJS
- Authentication
- OAuth
- Tailwind CSS
- ShadCn UI
- Motion UI