강의

멘토링

로드맵

Inflearn brand logo image
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.3) 3 đánh giá

104 học viên

  • ludgi
인공지능
실습 중심
ChatGPT
llm
nextjs
LLM
Prisma
Docker

Dịch cái này sang tiếng Việt

  • 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à

462

Học viên

19

Đánh giá

8

Trả lời

4.1

Xếp hạng

7

Các khóa học

안녕하세요, 주식회사 럿지의 대표입니다.


저는 스타트업, 금융권, 공공기관 등 다양한 분야에서 프로젝트를 진행하며,

개발뿐만 아니라 서비스를 직접 운영하는 경험을 쌓아왔습니다.

 

이 과정에서 팀원 및 프리랜서들과 협업하며 문제를 해결하고 프로젝트를 완성하는 능력을 길렀습니다.


특히, 단순히 개발자로서의 역할을 넘어서 자신의 서비스를 운영하고자 하는 꿈을 가진 분들께 더 많은 도움을 드릴 수 있다고 생각합니다.

 

완성의 즐거움과 성취감을 함께 경험하며 성장해 나가길 기대합니다. 감사합니다.

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ả

3 đánh giá

4.3

3 đánh giá

  • 동해바다님의 프로필 이미지
    동해바다

    Đánh giá 12

    Đánh giá trung bình 4.8

    5

    62% đã tham gia

    ludgi님 강의는 두번째 보고 있습니다. 수강평도 두번째입니다. 저는 일단 감사히 믿고 보고 있습니다. 아마 강의 가격이랑.. 이거저것 보면.. 강의는 취미나 기록 정도로 올리시는거 같기도 합니다..

    • ludgi
      Giảng viên

      이번 강의 구입도 감사합니다.!ㅎㅎ 다른분들과 조금 차별을 두기위해 저는 레퍼런스용 컨셉으로 갈듯합니다.!

  • pure02님의 프로필 이미지
    pure02

    Đánh giá 3

    Đánh giá trung bình 4.0

    3

    100% đã tham gia

    • 이용구님의 프로필 이미지
      이용구

      Đánh giá 8

      Đánh giá trung bình 5.0

      5

      62% đã tham gia

      • ludgi
        Giảng viên

        소중한 수강평 감사합니다!

    358.730 ₫

    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!