Mình muốn một portfolio tải nhanh, có chút cá tính, và kể được mình làm gì. Danh sách dự án thôi thì chưa đủ.
Công nghệ
- Astro: trang tĩnh, gần như không gửi JavaScript thừa.
- Tailwind CSS v4: màu và font nằm chung một chỗ (
@theme). - GSAP với ScrollTrigger và SplitText: chuyển động gắn với thanh cuộn.
Vài chi tiết mình thích
Câu chào hiện ra như AI đang trả lời. Ở công ty mình làm chat AI real-time, nên câu đầu tiên trên trang cũng “stream” ra từng chữ, có con trỏ nhấp nháy.
Mochi. Con robot nhỏ có đôi mắt nhìn theo con trỏ của bạn. Nó hỏi mình mấy câu ở trang từng dự án.
Chữ ký thật. Mình ký bằng tay, lưu thành SVG, và trang tự vẽ lại từng nét.
Máy bật giảm chuyển động thì trang đứng yên. Nội dung vẫn hiện đầy đủ.
Câu mình hay nói: code sạch từ kiến trúc layer, trải nghiệm mượt từng milisecond. Trang này cũng cố làm đúng vậy.