Case study
Website doanh nghiệp có xác thực
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
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
Khách 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. Khách 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
Công nghệ dùng
- NextJS
- Authentication
- OAuth
- Tailwind CSS
- ShadCn UI
- Motion UI