MCP cho AI agent
Endpoint /api/mcp theo chuẩn Model Context Protocol: AI tra hồ sơ, dự án, tìm và đọc tài liệu plugin; chỉ đọc, có giới hạn tần suất.
← Tất cả dự án
Full-stack · Next.js · CMS
phatdev.net
Portfolio song ngữ viết bằng Next.js 14 với CMS riêng trên MySQL, hệ tài liệu plugin, máy chủ cập nhật plugin và endpoint MCP để AI agent tra cứu dự án và tài liệu.
Đang chạy production
- Vai trò
- Thiết kế, phát triển, vận hành
- Nền tảng
- Next.js 14, MySQL, PM2, Nginx
- Ngôn ngữ
- Tiếng Việt, English
- Cho AI
- MCP (12 công cụ), WebMCP (7 công cụ), llms.txt
99 / 100
PageSpeed mobile / desktop, đo ngày 19/10/2026
12
công cụ MCP chỉ đọc cho AI agent
18
bài blog kỹ thuật song ngữ vi / en
2
ngôn ngữ render tại server, có hreflang
Điểm nổi bật
SEO song ngữ
Render tại server, canonical và hreflang cho từng trang, sitemap tự sinh, dữ liệu có cấu trúc Person, CreativeWork, TechArticle.
CMS và tài liệu tự viết
Quản trị hồ sơ, dự án, kỹ năng, liên hệ và tài liệu plugin trên MySQL, không phụ thuộc CMS bên ngoài.
Máy chủ cập nhật plugin
Phát hành bản cập nhật cho các plugin và theme nội bộ, có license và thống kê lượt tải.
Sáng, tối và ảnh theo ngữ cảnh
Theo cài đặt thiết bị, ảnh dự án đổi theo ngôn ngữ và theme, bản gốc 4K mở trong lightbox.
Ảnh chụp màn hình
Bấm vào ảnh để phóng to, dùng phím mũi tên để chuyển ảnh.
Mục lục
Mục tiêu
Một nơi duy nhất giới thiệu năng lực và sản phẩm, đồng thời là hạ tầng phục vụ các plugin: tài liệu, cập nhật và license. Mã nguồn tự chủ hoàn toàn, không dùng template dựng sẵn.
Kiến trúc
Ứng dụng
Next.js 14 (App Router) chạy bằng PM2 sau Nginx; dữ liệu trên MySQL với tài khoản chỉ có quyền đọc ghi dữ liệu, không có quyền đổi cấu trúc bảng.
CMS
Trang quản trị riêng cho hồ sơ, dự án, bộ ảnh, kỹ năng, liên hệ và tài liệu plugin; đăng nhập bằng JWT, giới hạn tần suất đăng nhập.
Tài liệu và cập nhật
Mỗi plugin có trang tài liệu và changelog; máy chủ cập nhật phát hành bản mới cho các site đang dùng.
Cho máy tìm kiếm và AI
- Render tại server, canonical và hreflang vi / en cho từng trang.
- Sitemap và robots.txt tự sinh, dữ liệu có cấu trúc schema.org.
- llms.txt mô tả nội dung cho mô hình ngôn ngữ.
- Endpoint MCP chỉ đọc để AI agent tra cứu dự án và tài liệu.
Giao diện
Hai chế độ sáng và tối theo cài đặt thiết bị, font tự host có đủ dấu tiếng Việt, ảnh dự án đổi theo ngôn ngữ và theme.
So sánh với cách làm portfolio khác
| Tiêu chí | phatdev.net | Template Framer / WordPress | Linktree |
|---|---|---|---|
| Tự chủ mã nguồn | ~ | ||
| CMS riêng trên MySQL | |||
| SEO song ngữ render tại server | ~ | ||
| Tài liệu plugin tích hợp | |||
| MCP cho AI agent |
Giấy phép
Mã nguồn không công khai, bảo lưu mọi quyền. Dự án chưa khai báo giấy phép nào trong mã (không có tệp LICENSE và không có trường license).
Ảnh chụp màn hình trên trang này do mình chụp từ bản chạy thật của dự án.
Xem trang Giấy phép và ghi nguồn →
Thư viện và tài nguyên bên thứ ba (34)
Vuốt ngang để xem đủ các cột.
| Tên | Giấy phép | Phiên bản | Loại | Nguồn |
|---|---|---|---|---|
| @types/bcryptjs | MIT | 2.4.6 | Thư viện (kiểu dữ liệu TypeScript) | github.com/DefinitelyTyped/DefinitelyTyped |
| @types/node | MIT | 20.16.10 | Thư viện (kiểu dữ liệu TypeScript) | github.com/DefinitelyTyped/DefinitelyTyped |
| @types/nodemailer | MIT | 6.4.16 | Thư viện (kiểu dữ liệu TypeScript) | github.com/DefinitelyTyped/DefinitelyTyped |
| @types/qrcode | MIT | 1.5.6 | Thư viện (kiểu dữ liệu TypeScript) | github.com/DefinitelyTyped/DefinitelyTyped |
| @types/react | MIT | 18.3.11 | Thư viện (kiểu dữ liệu TypeScript) | github.com/DefinitelyTyped/DefinitelyTyped |
| @types/react-dom | MIT | 18.3.0 | Thư viện (kiểu dữ liệu TypeScript) | github.com/DefinitelyTyped/DefinitelyTyped |
| bcryptjs | MIT | 2.4.3 | Thư viện | github.com/dcodeIO/bcrypt.js |
| dompurify | (MPL-2.0 OR Apache-2.0) | 3.4.3 | Thư viện | github.com/cure53/DOMPurify |
| framer-motion | MIT | 11.11.0 | Thư viện | github.com/framer/motion |
| isomorphic-dompurify | MIT | 3.13.0 | Thư viện | github.com/kkomelin/isomorphic-dompurify |
| jose | MIT | 5.9.4 | Thư viện | github.com/panva/jose |
| marked | MIT | 18.0.3 | Thư viện | github.com/markedjs/marked |
| mysql2 | MIT | 3.11.3 | Thư viện | github.com/sidorares/node-mysql2 |
| next | MIT | 14.2.35 | Thư viện | github.com/vercel/next.js |
| nodemailer | MIT-0 | 8.0.5 | Thư viện | github.com/nodemailer/nodemailer |
| qrcode | MIT | 1.5.4 | Thư viện | github.com/soldair/node-qrcode |
| react | MIT | 18.3.1 | Thư viện | github.com/facebook/react |
| react-dom | MIT | 18.3.1 | Thư viện | github.com/facebook/react |
| sharp | Apache-2.0 | 0.35.5 | Thư viện | github.com/lovell/sharp |
| zod | MIT | 3.23.8 | Thư viện | github.com/colinhacks/zod |
| autoprefixer | MIT | 10.4.20 | Thư viện (dùng khi phát triển) | github.com/postcss/autoprefixer |
| jsdom | MIT | 29.0.2 | Thư viện (dùng khi phát triển) | github.com/jsdom/jsdom |
| playwright-core | Apache-2.0 | 1.48.1 | Thư viện (dùng khi phát triển) | github.com/microsoft/playwright |
| postcss | MIT | 8.4.47 | Thư viện (dùng khi phát triển) | github.com/postcss/postcss |
| tailwindcss | MIT | 3.4.13 | Thư viện (dùng khi phát triển) | github.com/tailwindlabs/tailwindcss |
| typescript | Apache-2.0 | 5.6.2 | Thư viện (dùng khi phát triển) | github.com/microsoft/TypeScript |
| Inter | OFL-1.1 | - | Font (trang quản trị) | rsms.me/inter |
| JetBrains Mono | OFL-1.1 | - | Font (trang công khai) | jetbrains.com/lp/mono |
| Space Grotesk | OFL-1.1 | - | Font (trang công khai) | fonts.google.com/specimen/Space+Grotesk |
| Font Awesome FreeChỉ dùng đường vẽ SVG của một số biểu tượng, không nạp CSS và font. | CC-BY-4.0 AND OFL-1.1 AND MIT | 6.7.2 | Biểu tượng (trang công khai) | fontawesome.com/license/free |
| Font Awesome FreeTrang quản trị. | CC-BY-4.0 AND OFL-1.1 AND MIT | 6.5.2 | Biểu tượng (trang quản trị) | fontawesome.com/license/free |
| Ảnh minh hoạ trong bài blog (36)Ảnh do AI tạo, không có người thật. | Tạo bằng mô hình tạo ảnh của OpenAI qua ChatGPT, theo điều khoản sử dụng của OpenAI | - | Ảnh | - |
| Real-ESRGAN (mô hình realesrgan-x4plus)Phóng to ảnh blog lên 4K. | BSD-3-Clause | - | Công cụ (công cụ dựng) | github.com/xinntao/Real-ESRGAN |
| Real-ESRGAN-ncnn-vulkan (chương trình chạy mô hình) | MIT | - | Công cụ (công cụ dựng) | github.com/xinntao/Real-ESRGAN-ncnn-vulkan |
Ghi công: Font Awesome Free by @fontawesome, https://fontawesome.com. Biểu tượng: CC BY 4.0, font: SIL OFL 1.1, mã: MIT. Copyright Fonticons, Inc.
Dự án khác
PixGamma
AI · macOS · Phục hồi ảnh
CreditMate
iOS · Tài chính cá nhân · Riêng tư
MoneyFlow
iOS · Tài chính gia đình · Đồng bộ
AIUsage
macOS · Công cụ nhà phát triển · Riêng tư
SL Migrations
Plugin WordPress · PHP · Bảo mật
Tân Doanh
Full-stack · WooCommerce · Hiệu năng
IGA (Infinity Gems)
Full-stack · WooCommerce · Thiết kế lại
Media Studio
AI · Full-stack · Tự động hoá nội dung
PC Builder
Plugin WordPress · Full-stack
ERP Tân Doanh
Full-stack · ERP · Kế toán
IGA Social
Sản phẩm · Full-stack · Nội dung AI