Chia Sẻ Khóa Học Xây Dựng Một Instagram Clone Với NestJS & Next.JS 2026 [Khóa 5488 A]
Làm chủ kỹ năng fullstack development hiện đại bằng cách xây dựng một Instagram Clone với NestJS, Next.js, tRPC và Drizzle ORM.
Những điều bạn sẽ học:
- ✓ Build một ứng dụng fullstack type-safe từ đầu đến cuối bằng NestJS, Next.js và tRPC.
- ✓ Design & share type một cách liền mạch giữa frontend & backend bằng Turborepo.
- ✓ Xây dựng các UI component đẹp mắt và có thể tùy chỉnh với shaden và tailwindcss.
- ✓ Triển khai JWT authentication bằng Better Auth để bảo vệ các API và UI của chúng ta với cookies an toàn.
- ✓ Xây dựng các tính năng production thực tế bao gồm post, story, like, comment và follower.
- ✓ Tìm hiểu cách upload và serve các static file từ UI lên backend local và trên AWS S3.
- ✓ Model & query relational data bằng PostgreSQL và Drizzle ORM.
- ✓ Deploy một ứng dụng fullstack lên production bằng AWS Elastic Beanstalk và Vercel.
- ✓ Triển khai một CI/CD pipeline để build và deploy code với mỗi lần commit.
- ✓ Cấu hình một domain tùy chỉnh cho UI và backend.
Khóa học này sẽ hướng dẫn bạn xây dựng một ứng dụng theo phong cách Instagram thực từ đầu bằng cách sử dụng một fullstack stack hiện đại, type-safe.
Bạn sẽ xây dựng một ứng dụng đầy đủ tính năng sử dụng NestJS, Next.js, tRPC, PostgreSQL, Drizzle ORM, Tailwind, shadcn/ui, Better Auth và Turborepo. Trọng tâm của khóa học này không chỉ là các tính năng, mà còn là kiến trúc, end-to-end type safety và một trải nghiệm phát triển tuyệt vời thông qua shared type và code giữa frontend và backend.
Đây là một khóa học thực hành, tập trung vào production, trong đó mọi tính năng đều được xây dựng từ đầu đến cuối, từ database schema đến API và UI, sử dụng các pattern mà bạn có thể tái sử dụng trong các ứng dụng thực tế.
Những gì bạn sẽ xây dựng:
Sau khi hoàn thành khóa học này, bạn sẽ có một ứng dụng hoàn chỉnh theo phong cách Instagram, bao gồm:
- ✓ Authentication an toàn với các shared type giữa backend và frontend.
- ✓ Một type-safe API sử dụng tRPC với khả năng suy luận từ đầu đến cuối hoàn chỉnh.
- ✓ Các Post với image upload, like, comment và saved post.
- ✓ Story, user profile, follower và profile picture.
- ✓ Một UI hiện đại được xây dựng bằng Tailwind và shadcn/ui.
- ✓ Một monorepo dễ mở rộng sử dụng Turborepo với các shared package.
- ✓ Một NestJS backend được thiết kế cho các production workload thực tế.
- ✓ Production deployment sử dụng AWS và Vercel.
Những điều bạn sẽ học được:
- ✓ Cách thiết kế các type-safe API từ đầu đến cuối với tRPC.
- ✓ Cách share type & logic giữa frontend và backend một cách an toàn.
- ✓ Cách cấu trúc một Turborepo monorepo có khả năng mở rộng.
- ✓ Cách xây dựng các NestJS service & router sạch.
- ✓ Cách model data với PostgreSQL và Drizzle ORM.
- ✓ Cách triển khai JWT authentication một cách chính xác trên toàn bộ stack bằng Better Auth.
- ✓ Cách xử lý file upload & media trong production sử dụng AWS S3.
- ✓ Cách deploy một ứng dụng fullstack lên production bằng AWS ElasticBeanstalk.
Khóa học này dành cho ai?
Khóa học này dành cho các JavaScript và TypeScript developer muốn xây dựng các ứng dụng fullstack thực với các công cụ hiện đại và type safety mạnh mẽ.
Nó đặc biệt có giá trị đối với các developer quan tâm đến clean architecture, trải nghiệm người dùng và việc loại bỏ sự không tương thích API giữa frontend và backend.
Bạn cần nắm vững các kiến thức nền tảng về TypeScript và các khái niệm cơ bản về NestJS và Next.js.
Tại sao bạn nên chọn khóa học này?
Hầu hết các hướng dẫn chỉ dừng lại ở những ví dụ đơn giản hoặc bỏ qua những quyết định quan trọng về kiến trúc. Khóa học này tập trung vào việc xây dựng một ứng dụng thực tế với các shared type, các data model thực và production deployment, để bạn có thể áp dụng các pattern tương tự vào các project của riêng mình hoặc tại nơi làm việc.
Mục lục:
- ✓ 01. Giới thiệu.
- ✓ 02. Auth Form.
- ✓ 03. Database.
- ✓ 04. Auth Backend.
- ✓ 05. Auth Frontend.
- ✓ 06. Dashboard.
- ✓ 07. Posts tRPC.
- ✓ 08. Create & Get Post.
- ✓ 09. Profile Picture.
- ✓ 10. tRPC Auth.
- ✓ 11. Like.
- ✓ 12. Comment.
- ✓ 13. Story.
- ✓ 14. Follower + Profile Backend.
- ✓ 15. User Profile - Phần 1.
- ✓ 16. Post Modal.
- ✓ 17. User Profile - Phần 2.
- ✓ 18. Production Data.
- ✓ 19. Saved Post.
- ✓ 20. Production.
- ✓ 21. AWS S3.
- ✓ 22. Custom Domain & SSL.
Khóa học này dành cho ai:
- ✓ Các TypeScript developer muốn xây dựng các ứng dụng fullstack thực tế.
- ✓ Các developer quan tâm đến end-to-end type safety với tRPC.
- ✓ Các engineer muốn cải thiện trải nghiệm của nhà phát triển bằng cách sharing type trên toàn bộ stack.
- ✓ Các Frontend developer muốn có một kiến trúc backend sẵn sàng cho môi trường sản xuất.
- ✓ Các Backend developer muốn hiện đại hóa frontend workflow của họ.