abdulrcs/abdulrahman.id

⚡ Portfolio động Next.js + Chakra UI + Contentful

Một trang cá nhân mở rộng với quản lý nội dung động và đa dạng công cụ hỗ trợ.

Đây là trang web portfolio cá nhân của Abdulrahman, được xây dựng bằng Next.js và Chakra UI, với hệ thống quản lý nội dung động thông qua Contentful CMS. Dự án cho phép người dùng dễ dàng thêm sửa dự án và bài viết mà không cần chỉnh sửa mã nguồn trực tiếp. Sau bản cập nhật 2.0.0, blog đã chuyển từ Contentful sang sử dụng GitHub Issues làm CMS, tích hợp thêm Firebase để đếm lượt xem và Google Analytics để phân tích.

✨ Điểm nổi bật

• Quản lý nội dung động qua Contentful: Hỗ trợ 4 loại nội dung chính: FeaturedProjects, Projects, Introduction, ContactMe.
• Blog qua GitHub Issues: Sau bản cập nhật 2.0.0, blog sử dụng GitHub Issues thay thế cho BlogPosts trên Contentful.
• Đếm lượt xem với Firebase: Tích hợp Firebase Firestore để theo dõi số lần truy cập từng bài viết.
• Phân tích với Google Analytics: Sử dụng react-ga để theo dõi hoạt động người dùng.
• Triển khai nhanh với Vercel: Hỗ trợ triển khai một cách đơn giản chỉ với một cú click.
• Hỗ trợ MDX: Dùng next-mdx-remote để render nội dung phong phú cho blog.

💡 Vì sao đáng chú ý

Dự án không chỉ là một trang portfolio đẹp mà còn là một giải pháp quản lý nội dung linh hoạt, kết hợp nhiều công cụ mạnh mẽ như Contentful, Firebase và Google Analytics. Việc chuyển đổi blog từ Contentful sang GitHub Issues cho thấy sự linh hoạt trong việc cập nhật và tối ưu hóa hệ thống. Đây là lựa chọn tốt cho các nhà phát triển muốn có một trang web cá nhân chuyên nghiệp với khả năng mở rộng cao.

---

#NextJS #ChakraUI #Contentful #PortfolioWebsite #TiniX