강의

멘토링

커뮤니티

Programming

/

Web Development

AI từ lên kế hoạch đến phát triển! Tạo trang thương mại điện tử Next.js dẫn dắt bởi LLM

Cùng v0, cursor AI và các LLM, từ PRD đến gợi ý sản phẩm AI! Hoàn thiện trang mua sắm Next.js của bạn với dự án thực tế.

(4.2) 5 đánh giá

110 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

  • ludgi
nextjs
nextjs
ChatGPT
ChatGPT
LLM
LLM
Prisma
Prisma
Docker
Docker
nextjs
nextjs
ChatGPT
ChatGPT
LLM
LLM
Prisma
Prisma
Docker
Docker

Bạn sẽ nhận được điều này sau khi học.

  • Phát triển website mua sắm Next.js

  • Tự động hóa PRD và phát triển bằng v0

  • Thiết kế DB với PostgreSQL + Prisma

  • Xây dựng hệ thống gợi ý sản phẩm AI (ứng dụng embedding)

  • Tích hợp hệ thống thanh toán Toss Payments

  • Triển khai trang quản trị trên nền Next.js

  • Triển khai dự án với Docker và Nginx

  • Cơ bản triển khai cục bộ dùng VPN và chuyển tiếp cổng

🛍 Cách tốt nhất để phát triển cửa hàng trực tuyến với AI + Next.js!

Trong khóa học này, bạn sẽ tìm hiểu về quy trình phát triển thực tế tự động tạo PRD (Tài liệu yêu cầu sản phẩm) bằng ChatGPT và nhiều LLM khác nhau , tổ chức thiết kế và bản thảo dự án bằng v0 và xây dựng trung tâm mua sắm trực tuyến bằng nextjs, Prisma và PostgreSQL .

Ngoài ra, bạn có thể trải nghiệm việc triển khai hệ thống đề xuất sản phẩm bằng cách nhúng AI , thiết lập môi trường dựa trên Dockertriển khai cục bộ bằng VPN , nhằm mục đích phát triển các dự án thực tế áp dụng AI và các công nghệ web mới nhất ngoài việc tạo trang web đơn giản.

Phần (2) Viết PRD – Định nghĩa yêu cầu bằng AI

📌 Tìm hiểu cách tự động tạo và chỉnh sửa Tài liệu yêu cầu sản phẩm (PRD) bằng ChatGPT.

Phần (3) Thiết kế cơ sở dữ liệu – PostgreSQL + Prisma

📌 Tìm hiểu cách tự động tạo và chỉnh sửa Tài liệu yêu cầu sản phẩm (PRD) bằng ChatGPT.

Phần (4) Dự án V0 – Tạo nguyên mẫu ban đầu

📌 Tìm hiểu cách cấu trúc thiết kế dự án của bạn bằng v0 và nhanh chóng xây dựng nguyên mẫu ban đầu bằng Next.js.

Mục (5) Đăng nhập và Đăng xuất

📌 Chúng tôi triển khai các chức năng đăng ký, đăng nhập và đăng xuất, đồng thời áp dụng hệ thống thông báo bằng Sonner để cải thiện trải nghiệm người dùng.

Mục (6) URL được chỉ định trước

📌 Tìm hiểu cách tải tệp lên an toàn bằng URL được chỉ định trước và tích hợp với các dịch vụ lưu trữ như S3.

Mục (7) Tải lên hàng loạt dữ liệu sản phẩm

📌 Tìm hiểu cách tải dữ liệu sản phẩm hiệu quả và mở rộng lược đồ cơ sở dữ liệu của bạn bằng cách sử dụng URL được chỉ định trước và nhúng ChatGPT.

Mục (8) Dự án MVP – Phát triển các chức năng cơ bản của trung tâm thương mại

📌 Triển khai các tính năng cốt lõi của trung tâm mua sắm như danh sách sản phẩm, trang chi tiết, sản phẩm phổ biến, sản phẩm mới và cuộn vô hạn.

Mục (9) Triển khai các chức năng của trang quản trị

📌 Xây dựng trang quản trị có tính năng kiểm soát truy cập, đăng ký sản phẩm và nhúng AI bằng Next.js Middleware.

Mục (10) Phân phối dự án

📌 Chúng tôi đề cập đến các chiến lược triển khai thực tế, bao gồm triển khai máy chủ cục bộ bằng VPN và Nginx, thiết lập chuyển tiếp cổng và áp dụng SSL.

Môi trường thực hành

  • Hệ điều hành và Phiên bản (OS): Thực hành có sẵn trên Windows, macOS và Linux (bao gồm cả Ubuntu)

  • Công cụ sử dụng:

    • Node.js để phát triển Next.js (khuyến nghị phiên bản LTS mới nhất)

    • PostgreSQLPrisma để quản lý cơ sở dữ liệu

    • Docker & Nginx để triển khai và vận hành dự án

    • API ChatGPT để nhúng và tự động hóa AI

  • Thông số kỹ thuật của PC:

    • Tối thiểu 8GB RAM , khuyến nghị 16GB trở lên

    • CPU: 4 lõi trở lên (cân nhắc phát triển và chạy container Docker)

    • Lưu trữ: Khuyến nghị sử dụng SSD (tối ưu hóa cho tốc độ xây dựng cơ sở dữ liệu và dự án)

    • GPU (tùy chọn): Cần có GPU NVIDIA và hỗ trợ CUDA để chạy các chức năng nhúng AI cục bộ.

📚 Tài liệu học tập

  • Cách thức cung cấp:
    Được cung cấp thông qua chức năng tải lên tài liệu học tập của nền tảng bài giảng
    Cung cấp liên kết GitHub nếu cần (mã và tài liệu thực hành)

  • Vật liệu bao gồm:
    Mã nguồn GitHub – mã dự án và ví dụ mẫu được cung cấp
    Tệp cấu hình Docker – Ví dụ về cấu hình môi trường phát triển và triển khai
    Liên kết tham khảo bổ sung – Tài liệu chính thức và các blog liên quan


📌 Kiến thức và biện pháp phòng ngừa cho người chơi

  • Kiến thức bắt buộc của người chơi:
    Cú pháp JavaScript và TypeScript cơ bản (dành cho phát triển Next.js)
    Các khái niệm cơ bản về Next.js (định tuyến trang, tuyến API, v.v.)
    Kiến thức cơ bản về SQL và cơ sở dữ liệu (sử dụng PostgreSQL và Prisma)
    Các khái niệm về RESTful API (Hiểu về giao tiếp dữ liệu)


Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Người quan tâm đến việc phát triển sàn thương mại điện tử ứng dụng Next.js và AI.

  • Lập trình viên muốn trải nghiệm dự án thực chiến ứng dụng ChatGPT.

  • Người muốn xây dựng hệ thống đề xuất sản phẩm dùng AI

  • Người muốn học thiết kế DB sử dụng PostgreSQL và Prisma.

  • Người muốn học cách triển khai dùng VPN trên local.

  • Nhà phát triển muốn viết PRD (tài liệu yêu cầu sản phẩm) sử dụng ChatGPT

  • Người muốn nhanh chóng tạo bản nháp dự án bằng cách sử dụng v0

Cần biết trước khi bắt đầu?

  • JavaScript và cú pháp TypeScript cơ bản

  • Các khái niệm cơ bản về Next.js (định tuyến trang, API Routes, v.v.)

  • SQL và Cơ sở dữ liệu cơ bản (Sử dụng PostgreSQL và Prisma)

  • RESTful API hoặc GraphQL Khái niệm (Hiểu biết về giao tiếp dữ liệu với Backend)

Xin chào
Đây là

631

Học viên

30

Đánh giá

8

Trả lời

3.8

Xếp hạng

9

Các khóa học

Xin chào, tôi là đại diện của Công ty Cổ phần Ludge.


Tôi đã thực hiện nhiều dự án trong các lĩnh vực đa dạng như startup, tài chính và cơ quan nhà nước,

Tôi đã tích lũy được kinh nghiệm không chỉ trong việc phát triển mà còn trực tiếp vận hành dịch vụ.

Trong quá trình này, tôi đã rèn luyện được khả năng giải quyết vấn đề và hoàn thành dự án thông qua việc hợp tác với các thành viên trong nhóm và các freelancer. Đặc biệt, không chỉ dừng lại ở vai trò của một nhà phát triển, tôi tự mình...

Trong quá trình này, tôi đã rèn luyện được khả năng giải quyết vấn đề và hoàn thành dự án thông qua việc cộng tác với các thành viên trong nhóm và những người làm việc tự do.


Đặc biệt, tôi tin rằng mình có thể giúp ích nhiều hơn cho những ai có ước mơ tự vận hành dịch vụ của riêng mình, thay vì chỉ dừng lại ở vai trò của một nhà phát triển đơn thuần.

Tôi rất mong chờ chúng ta sẽ cùng nhau trải nghiệm niềm vui và cảm giác thành tựu khi hoàn thành mục tiêu để cùng nhau trưởng thành. Xin cảm ơn.

Chương trình giảng dạy

Tất cả

47 bài giảng ∙ (7giờ 3phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

5 đánh giá

4.2

5 đánh giá

  • chuing님의 프로필 이미지
    chuing

    Đánh giá 14

    Đánh giá trung bình 4.9

    5

    62% đã tham gia

    Tôi đang xem bài giảng của ludgi lần thứ hai. Đây cũng là lần thứ hai tôi viết đánh giá. Trước mắt, tôi tin tưởng và xem một cách biết ơn. Có lẽ nếu xem xét giá cả của bài giảng và những thứ khác, có vẻ như anh ấy đăng tải bài giảng như một sở thích hoặc để lưu lại thôi.

    • ludgi
      Giảng viên

      Cảm ơn bạn đã mua bài giảng lần này ạ! 😊😊 Để khác biệt một chút so với những người khác, tôi định hướng theo concept dùng để tham khảo ạ!

  • irda님의 프로필 이미지
    irda

    Đánh giá 28

    Đánh giá trung bình 5.0

    5

    32% đã tham gia

    Cảm ơn bạn rất nhiều vì khóa học tuyệt vời.

    • ludgi
      Giảng viên

      Cảm ơn bạn đã mua khóa học!

  • myvisual8764님의 프로필 이미지
    myvisual8764

    Đánh giá 11

    Đánh giá trung bình 5.0

    5

    62% đã tham gia

    • ludgi
      Giảng viên

      Cảm ơn bạn vì những đánh giá quý giá!

  • pure025147님의 프로필 이미지
    pure025147

    Đánh giá 3

    Đánh giá trung bình 4.0

    3

    100% đã tham gia

    • jdy8739님의 프로필 이미지
      jdy8739

      Đánh giá 18

      Đánh giá trung bình 4.9

      3

      100% đã tham gia

      Video này gần giống như xem một cá nhân thực hiện dự án hơn là một bài giảng. Dù vậy, việc theo dõi flow của Vibe Coding vẫn rất tốt.

      881.701 ₫

      Khóa học khác của ludgi

      Hãy khám phá các khóa học khác của giảng viên!

      Khóa học tương tự

      Khám phá các khóa học khác trong cùng lĩnh vực!