NSTCrystal Portfolio

Trang web cá nhân của NSTCrystal (Võ Văn Duy) - Nơi giới thiệu về tôi, các dự án đã xây dựng và chia sẻ những bài viết về lập trình, công nghệ.

✨ Tính năng

• Trang chủ với Hero, giới thiệu, kinh nghiệm, thống kê GitHub, testimonials và FAQ
• Trang Projects giới thiệu các dự án nổi bật
• Trang Blog với bài viết chi tiết
• Trang About mô tả hành trình và tech stack
• Trang Contact dùng để liên hệ với tôi nếu cần
• Hỗ trợ Dark mode / Light mode
• SEO và Open Graph image tự động cho từng trang
• Nội dung được quản lý bằng file YAML/Markdown thông qua Nuxt Content

🛠️ Tech Stack

• Nuxt 4 - Framework Vue full-stack
• Nuxt UI - UI components
• Nuxt Content - CMS dựa trên file
• Tailwind CSS - Styling
• Nuxt Image - Tối ưu hình ảnh
• nuxt-og-image - Open Graph image
• VueUse - Utility composables
• motion-v - Animations

🚀 Bắt đầu

Clone repo:

git clone https://github.com/nstcrystal/nstcrystal.github.io.git
cd nstcrystal.github.io

Yêu cầu: Node.js (>= 20) và pnpm.

# Cài đặt dependencies
pnpm install

# Chạy môi trường phát triển
pnpm dev

Mở http://localhost:3000 để xem kết quả.

📦 Scripts

Script	Mô tả
pnpm dev	Chạy dev server
pnpm build	Build production
pnpm preview	Xem thử bản build production
pnpm lint	Kiểm tra code với ESLint
pnpm typecheck	Kiểm tra kiểu TypeScript

📝 Quản lý nội dung

Tất cả nội dung nằm trong thư mục content/, bao gồm:

• content/index.yml - dữ liệu trang chủ (hero, about, experience, stats, testimonials, faq)
• content/projects/*.yml - danh sách dự án
• content/blog/*.md - bài viết blog
• content/about.yml - nội dung trang about
• content/contact.yml - nội dung trang Contact

Schema nội dung được định nghĩa tại content.config.ts.

🌐 Triển khai

Dự án được cấu hình sẵn cho GitHub Pages (CNAME: nstcrystal.is-a.dev) và Vercel.

📄 License

MIT