wirtzdan/website

🌐 Trang web cá nhân đẹp mắt với Next.js + Chakra UI + Airtable

Xây dựng bằng Next.js, Chakra UI và Airtable — ba công nghệ kết hợp để tạo ra một trang web cá nhân hiện đại, đầy cảm xúc.

Đây là mã nguồn của danielwirtz.com — trang web cá nhân của Daniel Wirtz. Dự án sử dụng Next.js (React Framework) để xây dựng giao diện, Chakra UI làm thư viện component, và Airtable như backend nhẹ cho các trang blog, sách và công cụ. Mọi thứ được triển khai trên nền tảng Vercel, với hiệu ứng chuyển động mượt mà nhờ Framer Motion.

✨ Điểm nổi bật

• Next.js + React: Cấu trúc trang nhanh, hỗ trợ SSR/SSG, tối ưu SEO.
• Chakra UI: Thiết kế responsive, dễ dàng tùy chỉnh giao diện chỉ với vài dòng code.
• Airtable làm backend: Quản lý nội dung blog, danh sách sách và công cụ thông qua Airtable API — không cần server riêng.
• Framer Motion: Hiệu ứng chuyển động mượt mà, nâng trải nghiệm người dùng.
• Triển khai trên Vercel: Hỗ trợ deploy nhanh chóng chỉ với vài cú click.
• Tích hợp Raindrop.io: Lưu trữ và hiển thị các liên kết đã lưu một cách trực quan.
• Mã nguồn mở: Bạn có thể sao chép, chỉnh sửa và sử dụng cho dự án cá nhân của mình.

💡 Vì sao đáng chú ý

Không giống các trang web cá nhân sử dụng CMS truyền thống, dự án này khai thác Airtable như một backend nhẹ nhàng — lý tưởng cho người muốn quản lý nội dung mà không cần xây dựng hệ thống phức tạp. Kết hợp với Next.js và Chakra UI, toàn bộ trang web vẫn giữ được tốc độ tải nhanh và trải nghiệm người dùng mượt mà. Đặc biệt, Framer Motion được tích hợp sẵn giúp tạo ra những hiệu ứng chuyển động sống động, làm tăng tính thẩm mỹ và tương tác.

---

#NextJS #ChakraUI #Airtable #FramerMotion #Portfolio #TiniX