Chia Sẻ Khóa Học NextJS Modern Stack - Tooling & AI (Claude) [Khóa 5273 A]
Xây dựng một stack hiện đại có khả năng mở rộng với Next.js (React), NestJS, Prisma và AI-assisted (Claude) development.
Những điều bạn sẽ học:
- ✓ Xây dựng một monorepo full-stack với Next.js, NestJS và Turborepo.
- ✓ Giữ cho code clean với Biome linting & formatting.
- ✓ Quản lý data & state với TanStack Query và Nuqs.
- ✓ Xây dựng các workflow sẵn sàng cho AI với Prisma, Swagger, Orval và Claude.
Khóa học này là một hướng dẫn thực tế để xây dựng các ứng dụng full-stack hiện đại với Next.js, NestJS, developer tooling mạnh mẽ và một workflow sẵn sàng cho AI.
Thay vì chỉ tập trung vào các tính năng coding, khóa học này dạy bạn cách tạo một project setup clean, có khả năng mở rộng, type-safe và hiệu quả khi nó phát triển.
Bạn sẽ xây dựng một ứng dụng notepad đơn giản lấy cảm hứng từ terminal. Bản thân ứng dụng không phải là điểm chính. Trọng tâm thực sự là tooling, architecture, automation và development workflow đằng sau một TypeScript project hiện đại.
Điều gì làm cho khóa học này trở nên độc đáo?
Nhiều khóa học dạy bạn cách xây dựng một tính năng. Khóa học này tập trung vào các hệ thống giúp phát triển tính năng nhanh hơn, gọn gàng hơn và dễ bảo trì hơn.
Bạn sẽ tạo một monorepo full-stack với một Next.js frontend và NestJS backend, sau đó kết nối mọi thứ thông qua các shared convention, các generated API client, code quality tooling và các phương pháp AI-assisted development.
Đến cuối khóa học, bạn sẽ hiểu cách các tooling hiện đại và AI có thể phối hợp với nhau trong một dự án thực tế.
Xây dựng một Monorepo Full-Stack hiện đại:
Bạn sẽ bắt đầu bằng cách tạo một cấu trúc monorepo clean cho ứng dụng của mình.
Bạn sẽ học cách:
- ✓ Setup Next.js và NestJS trong cùng một workspace.
- ✓ Tổ chức các ứng dụng và shared package một cách rõ ràng.
- ✓ Sử dụng Turborepo để quản lý và chạy nhiều ứng dụng.
- ✓ Tạo một cấu trúc dự án có thể mở rộng theo ý tưởng của bạn.
Điều này sẽ cung cấp cho bạn một nền tảng vững chắc để trở thành một full-stack development chuyên nghiệp.
Tạo một ứng dụng Notepad lấy cảm hứng từ Terminal:
Bạn sẽ xây dựng một ứng dụng notepad đơn giản lấy cảm hứng từ terminal kiểu cũ.
Dự án này tập trung một cách có chủ đích để bạn có thể dành ít thời gian hơn cho các logic nghiệp vụ phức tạp và dành nhiều thời gian hơn để hiểu về nền tảng công nghệ hiện đại đằng sau nó.
Trong suốt dự án, bạn sẽ tìm hiểu về kiến trúc frontend, giao tiếp backend, tích hợp database, các generated API client và AI-assisted feature development.
Giữ cho Code luôn Clean với Biome:
Các dự án hiện đại cần các code quality tool nhanh chóng và đáng tin cậy, đặc biệt là khi AI hỗ trợ generate code.
Bạn sẽ sử dụng Biome cho linting & formatting nhằm giữ cho code của bạn clean, nhất quán và dễ bảo trì trong toàn bộ dự án.
Bạn sẽ học cách áp dụng cùng một tiêu chuẩn chất lượng cho cả code do bạn viết và code được generate bởi AI.
Quản lý State với TanStack Query và nuqs:
Bạn sẽ học cách quản lý frontend state bằng các công cụ hiện đại, type-safe.
Bạn sẽ sử dụng:
- ✓ TanStack Query cho fetching, caching, server state và mutation.
- ✓ nuqs để đồng bộ hóa application state với các URL parameter.
- ✓ Các type-safe pattern dành cho tìm kiếm, bộ lọc, phân trang và UI state.
Điều này giúp bạn tạo ra các ứng dụng dễ điều hướng, chia sẻ, gỡ lỗi và bảo trì hơn.
Xây dựng một Type-Safe Backend:
Ở phần backend, bạn sẽ xây dựng một API hiện đại sử dụng NestJS, PostgreSQL, Neon và Prisma.
Bạn sẽ học cách:
- ✓ Xây dựng một NestJS backend.
- ✓ Kết nối với PostgreSQL thông qua Neon.
- ✓ Define các data model với Prisma.
- ✓ Giao tiếp với database bằng TypeScript code clean.
- ✓ Xây dựng các tính năng backend với một nền tảng có khả năng mở rộng.
Generate API Type và Hooks Tự động:
Bạn sẽ sử dụng Swagger và Orval để kết nối phần backend và frontend một cách hiệu quả hơn.
Bạn sẽ học cách:
- ✓ Document NestJS API của bạn với Swagger.
- ✓ Generate TypeScript type từ các API contract.
- ✓ Generate fetching function & frontend hooks Tự động:
- ✓ Giữ cho frontend & backend code được đồng bộ.
- ✓ Giảm thiểu các duplicated type và repetitive API code.
Điều này tạo ra một workflow gọn gàng hơn và giúp ngăn ngừa sự không tương thích giữa frontend-backend.
Xây dựng một Workflow sẵn sàng cho AI với Claude:
AI có thể đẩy nhanh quá trình phát triển, nhưng nó hoạt động hiệu quả nhất khi dự án của bạn có cấu trúc, quy tắc và quy ước rõ ràng.
Bạn sẽ học cách sử dụng các rule & skill cho Claude AI để nó có thể hoạt động hiệu quả trong codebase của bạn.
Bạn sẽ thấy cách thực hiện:
- ✓ Cung cấp cho AI project context hữu ích.
- ✓ Tạo ra các rule có thể tái sử dụng để đảm bảo tính nhất quán trong phát triển.
- ✓ Sử dụng AI để hỗ trợ xây dựng các tính năng mới.
- ✓ Giữ cho code được generate phù hợp với các tiêu chuẩn của dự án của bạn.
- ✓ Kết hợp AI assistance với linting, formatting, type safety và automated tooling.
Mục tiêu không phải là để AI thay thế hoàn toàn dự án của bạn. Mục tiêu là biến nó thành một phần đáng tin cậy trong quy trình làm việc của bạn.
Đến cuối khóa học này:
Bạn sẽ có:
- ✓ Hiểu biết thực tiễn về full-stack monorepo với Next.js và NestJS.
- ✓ Có kinh nghiệm sử dụng Turborepo để quản lý nhiều ứng dụng.
- ✓ Một clean code-quality workflow với Biome.
- ✓ Type-safe frontend state management với TanStack Query và nuqs.
- ✓ Một backend built với NestJS, PostgreSQL, Neon và Prisma.
- ✓ Generate tự động các API type, function và hooks với Swagger và Orval.
- ✓ Một workflow thực tế để sử dụng Claude AI nhằm xây dựng các tính năng hiệu quả hơn.
- ✓ Một nền tảng có thể tái sử dụng cho các dự án TypeScript hiện đại, có khả năng mở rộng và sẵn sàng cho AI.
Hãy tham gia khóa học và học cách xây dựng không chỉ một ứng dụng. Học cách xây dựng một development workflow hiện đại giúp bạn làm việc nhanh hơn, có tổ chức hơn và tạo ra phần mềm tốt hơn.
Mục lục:
- ✓ 1. Giới thiệu.
- ✓ 2. Setup Project.
- ✓ 3. Backend.
- ✓ 4. API Generation.
- ✓ 5. Package.
- ✓ 6. Build Terminal App.
- ✓ 7. AI Development.
Khóa học này dành cho:
- ✓ Developer muốn xây dựng một ứng dụng full-stack hiện đại.
- ✓ Developer muốn có tooling tốt hơn và cấu trúc dự án hiệu quả hơn.
- ✓ Developer quan tâm đến monorepo, type safety và API automation.
- ✓ Developer muốn sử dụng AI một cách hiệu quả trong các dự án TypeScript thực tế.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU