Xây dựng lại Portfolio Developer của tôi
Vì sao mình rebuild portfolio với Next.js, Tailwind CSS và hướng content-first — cùng vài bài học rút ra.
Sau hơn một năm làm dự án cho khách hàng, mình cuối cùng cũng dành thời gian rebuild portfolio từ đầu. Không chỉ đổi giao diện — mà nghĩ lại cách mình muốn trình bày công việc, kỹ năng và câu chuyện nghề nghiệp với tư cách frontend developer.
Vì sao rebuild?
Portfolio cũ chỉ làm được phần cơ bản: tên, liên hệ, danh sách dự án. Nhưng nó chưa phản ánh cách mình làm việc hiện tại — với Next.js, WordPress headless CMS, GSAP animation và tập trung vào hiệu năng, SEO.
Mình muốn một site:
- Load nhanh, điểm Lighthouse tốt
- Hỗ trợ i18n (tiếng Anh + tiếng Việt)
- Dễ thêm bài blog và case study dự án
- Gọn gàng, chuyên nghiệp, không over-design
Stack kỹ thuật
- Next.js App Router cho routing, metadata và static generation
- Tailwind CSS v4 cho design system thống nhất
- shadcn/ui cho UI primitives accessible
- MDX cho nội dung blog
- next-intl để chuyển ngôn ngữ
Mình tự hào điều gì
Portfolio giờ phản ánh đúng loại sản phẩm mình giao cho khách: layout responsive, micro-interaction mượt, gallery dự án có cấu trúc, và trang CV đồng bộ trực tiếp từ data kinh nghiệm.
Tiếp theo
Mình sẽ viết thêm về các pattern frontend dùng trong production — tích hợp WordPress + Next.js, workflow animation, và mẹo tối ưu hiệu năng từ dự án thực tế.
Nếu bạn đang làm portfolio, hãy bắt đầu đơn giản: một case study thật tốt còn hơn mười card chung chung.