baichu.dev
Tổng quan
Kho mã này vận hành trang web cá nhân của tôi, gồm trang chủ, trang giới thiệu, blog, trang liên kết, trang dự án và các route API hỗ trợ.
Tôi đã chuyển site sang quy trình nội dung cục bộ để bài viết và dự án có thể nằm trong repository thay vì phụ thuộc CMS. Cách làm này giữ cho việc xuất bản đơn giản và giúp mã cùng nội dung phát triển song song.
Tại sao tôi xây dựng nó
Tôi muốn một nơi vừa là portfolio, vừa là blog, vừa là kho lưu trữ dự án và hệ thống xuất bản nhẹ. Trang cũng là nơi tôi thử các mô hình tương tác, cấu trúc nội dung và ý tưởng sản phẩm nhỏ trước khi chúng chuyển sang các repository riêng.
Những gì tôi đã xây dựng
- Một pipeline nội dung MDX cho bài blog và trang dự án.
- Component UI dùng chung cho điều hướng, tiêu đề trang, phản hồi, tìm kiếm, thống kê và chế độ đọc.
- Bề mặt portfolio và viết luôn nhất quán về mặt hình ảnh trong khi hỗ trợ nhiều loại nội dung khác nhau.
Chi tiết kỹ thuật
- Next.js App Router cho routing, layout và static generation.
- Tải file cục bộ cho bài blog và nội dung dự án.
- Nguyên thiết kế dùng chung trên trang chủ, blog, portfolio và các trang tiện ích.
- Các phần dựa trên Supabase cho lượt xem, phản hồi và dữ liệu liên quan khách truy cập.
Điều quan trọng trong dự án này
Phần cốt lõi không phải bất kỳ trang đơn lẻ nào mà là hệ thống phía sau các trang: tải nội dung, component tái sử dụng, khả năng khám phá và giữ cho site dễ cập nhật khi công việc của tôi thay đổi.
Trạng thái hiện tại
Đây là dự án đang được duy trì tích cực. Vừa là portfolio vừa là cửa ngõ công khai cho mọi thứ khác được liệt kê ở đây.
>Newsletter
Stay Updated
Get notified when I publish new articles, tutorials, and project updates. Subscribe for insights and actionable content.
