FirstDeploy: Hướng dẫn miễn phí từ con số 0 đến việc triển khai ứng dụng Full-stack

Khi một người bạn bày tỏ mong muốn học cách xây dựng và triển khai một ứng dụng dù chưa có bất kỳ kinh nghiệm nào, người viết bài đã bắt đầu hướng dẫn từ những điều cơ bản nhất. Tuy nhiên, quá trình giải thích qua tin nhắn nhanh chóng phát triển thành một hướng dẫn chi tiết, dẫn đến sự ra đời của FirstDeploy.

FirstDeploy là gì?

FirstDeploy là một tài liệu hướng dẫn từng bước hoàn toàn miễn phí, được thiết kế để đưa người đọc từ mức độ "trình duyệt thực sự hoạt động như thế nào" đến việc có thể triển khai một ứng dụng full-stack hoàn chỉnh.

Một sự thật thú vị mà tác giả nhận ra là ngày càng có nhiều người chưa từng chạm vào dòng code nào trước cuộc cách mạng AI, nhưng nay lại muốn hiểu cách đưa sản phẩm của mình lên môi trường thực tế. FirstDeploy ra đời để phục vụ nhu cầu đó, giúp người mới bắt đầu không bị ngợp bởi vô số bài viết trên Medium hay các hướng dẫn trên YouTube đã lỗi thời.

Nội dung bao gồm những gì?

Hướng dẫn được chia thành ba lộ trình chính, mỗi lộ trình bao gồm 12 chương:

Những bước đầu tiên (First Steps): Cài đặt và cấu hình VS Code, kích hoạt và sử dụng GitHub Copilot, học đủ lượng HTML/CSS/JS để bắt đầu, xây dựng ứng dụng đầu tiên với React, tìm hiểu Git và tiến hành triển khai ứng dụng.

Xây dựng ứng dụng thực tế (Building Real Apps): Kết nối cơ sở dữ liệu thông qua Supabase, tích hợp tính năng đăng nhập/đăng ký, xử lý biểu mẫu và tải lên tệp tin, cũng như thêm các tính năng thời gian thực. Kết thúc lộ trình này, người học sẽ sở hữu một ứng dụng sổ tay công thức nấu ăn cơ bản.

Làm chủ Full Stack (Going Full Stack): Xây dựng backend riêng bằng Hono và Drizzle ORM, tự triển khai cơ chế xác thực người dùng (auth) với Better Auth, đóng gói toàn bộ ứng dụng bằng Docker và triển khai lên một máy chủ thực sự.

Ngoài ra, dự án còn cung cấp các chuyên đề đào sâu về Git, TypeScript, CSS, khả năng truy cập (accessibility), cơ sở dữ liệu và các mẫu thiết kế React patterns. Tổng cộng có khoảng 152 chương nội dung.

Điểm khác biệt của FirstDeploy

Có rất nhiều tài liệu học lập trình tốt ngoài kia, nhưng FirstDeploy tập trung vào một vài điểm đặc biệt:

• Tích hợp GitHub Copilot: Công cụ AI này xuất hiện ngay từ chương 4. Hướng dẫn không chỉ dạy cách sử dụng Copilot mà còn chỉ ra cách nhận biết khi nào nó đưa ra gợi ý sai lệch để tránh việc bị dẫn astray.
• Văn phong gần gũi: Nội dung được viết theo phong cách giải thích cho một người bạn, tránh việc quá hàn lâm hay phức tạp, giúp người mới bắt đầu cảm thấy dễ tiếp thu.
• Tính tương tác cao: Các bài tập giả lập terminal cho phép người dùng nhập lệnh trực tiếp, tính năng ghi chú có thể tô sáng và viết vẽ lên các chương, cùng công cụ theo dõi tiến độ học tập.

Công nghệ được sử dụng

Đối với những ai quan tâm về mặt kỹ thuật, dự án FirstDeploy được xây dựng với stack công nghệ hiện đại:

• Frontend: React 19 + Vite + Tailwind CSS
• Backend: Bun + Hono + Drizzle ORM
• Cơ sở dữ liệu: PostgreSQL
• Xác thực: Better Auth
• Hạ tầng: K3s cluster, Docker, ArgoCD
• Quản lý mã nguồn: Turborepo monorepo

Hoàn toàn miễn phí

Toàn bộ các chương trong FirstDeploy đều có thể đọc được mà không cần đăng ký tài khoản. Nếu bạn tạo một tài khoản, bạn sẽ được sử dụng các tính năng theo dõi tiến độ, ghi chú và làm bài tập terminal, nhưng nội dung cốt lõi luôn được mở miễn phí cho mọi người.

Tác giả thừa nhận việc xây dựng dự án một mình nên chắc chắn sẽ có những điểm chưa hoàn hảo hay giải thích chưa rõ ràng. Mọi đóng góp và phản hồi đều được chào đón tại trang chủ firstdeploy.dev.