Kho mã nguồn · Cập nhật 2026
Kho mã nguồn miễn phí cho lập trình viên — từ portfolio, blog, landing page, dashboard, commerce đến docs, DevOps và API. Mỗi template có mô tả chi tiết, hướng dẫn cài đặt, file nén kèm README — tải về, chạy npm install là dùng được ngay.
Duyệt theo danh mục
Bộ sưu tập
Tuyển chọn các template được cộng đồng lập trình viên dùng nhiều nhất — đầy đủ mô tả, công nghệ, và file nén sẵn để tải.
LandingWeb app Next.js 16 dán link là tải video MP4 chất lượng cao từ YouTube, TikTok, Instagram, Facebook, X, Vimeo, Dailymotion — yt-dlp + ffmpeg ở server, browser chỉ thấy file tải về.
LandingLanding page tôn vinh huyền thoại Lionel Messi — nền tối cinematic, hero gradient tím-xanh, gallery hover-expand, Hall of Fame và marquee trích dẫn.
LandingLanding page cho thương hiệu logistics toàn cầu — tông đỏ/đen thể thao, hero full-bleed cinematic, Next.js 15 App Router + Tailwind.
Nhật ký dựng template
Dev Experience
Một script shell ngắn hiển thị model đang dùng, context đã xài, chi phí session, rate limit 5h và branch git — chạy nhiều Claude session song song không bị lạc.
3 phút đọc
DevOps
Một bản thay thế LocalStack cho nhu cầu mock AWS khi dev và chạy test — miễn phí hoàn toàn, không feature gate, không cần account, không telemetry.
4 phút đọc
Dev Experience
Một gallery tuyển chọn các trang web có visual đẹp đến mức "astronomically good" — dùng để nhặt hero section, micro-interaction, chuyển cảnh khi cần tham khảo nhanh.
3 phút đọc
Vì sao dùng
Giải nén, npm install, npm run dev — là đã có một dự án chạy cục bộ. Không có bước cấu hình thủ công phức tạp.
TypeScript strict, ESLint, Prettier. Không có abstraction thừa. Cấu trúc thư mục rõ ràng theo tầng tính năng.
Mỗi template có README, hướng dẫn cài đặt, biến môi trường mẫu và chỉ dẫn deploy lên Vercel hoặc self-host.
Metadata API, JSON-LD, sitemap, semantic HTML, skip link, focus ring, tỉ lệ tương phản WCAG 2.1 AA.
Lighthouse Performance ≥ 95. Image optimization, font display swap, streaming SSR và suspense boundaries hợp lý.
Template được nâng cấp theo phiên bản Next.js, React và thư viện mới nhất. Changelog minh bạch mỗi lần phát hành.
Về kho mã nguồn
Dev Templates là nơi Phạm Thanh Tùng tổng hợp lại những khung mã nguồn đã dùng trong công việc thực tế — sau khi đã gỡ code riêng tư và tinh chỉnh lại cho sạch sẽ. Mỗi template trả lời một câu hỏi cụ thể: "làm portfolio nhanh", "dựng dashboard admin", "mở storefront Shopify"...
Tất cả đều dùng giấy phép MIT — bạn có thể dùng cho dự án cá nhân, freelance hoặc sản phẩm thương mại mà không cần xin phép. Nếu thấy hữu ích, hãy để lại một ngôi sao trên GitHub hoặc chia sẻ cho đồng nghiệp.
