강의

멘토링

로드맵

Programming

/

Web Development

From Planning to Development with AI! LLM-Driven Next.js Shopping Mall Creation

With v0, cursor AI, and various LLMs, from PRD to AI product recommendations! Complete your Next.js shopping mall through a practical project.

(4.5) 4 reviews

109 learners

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

What you will learn!

  • Next.js-based shopping mall development

  • v0-based PRD creation & dev automation

  • DB Design with PostgreSQL + Prisma

  • AI Product Recommendation System Construction (Using Embedding)

  • Toss Payments payment system integration

  • Next.js-based admin page implementation

  • Project Deployment Using Docker and Nginx

  • Local Deployment Basics with VPN and Port Forwarding

🛍 The best way to develop an online store with AI + Next.js!

In this course, you will learn a practical development process that automatically generates PRD (Product Requirements Document) using ChatGPT and various LLMs , organizes designs and project drafts using v0, and builds an online shopping mall using nextjs, Prisma, and PostgreSQL .

In addition, you can experience implementing a product recommendation system using AI embedding , setting up a Docker-based environment , and local deployment using VPN , aiming to develop practical projects that apply AI and the latest web technologies beyond simple website creation.

Section (2) Writing a PRD – Requirements Definition with AI

📌 Learn how to automatically generate and edit Product Requirements Documents (PRDs) using ChatGPT.

Section (3) Database Design – PostgreSQL + Prisma

📌 Learn how to automatically generate and edit Product Requirements Documents (PRDs) using ChatGPT.

Section (4) V0 Project – Creating the Initial Prototype

📌 Learn how to structure your project design using v0 and quickly build an initial prototype using Next.js.

Section (5) Login and Logout

📌 We implement sign-up, login, and log-out functions, and apply a notification system using Sonner to improve user experience.

Section (6) Presigned URL

📌 Learn how to securely upload files using presigned URLs and integrate with storage services like S3.

Section (7) Bulk upload of product data

📌 Learn how to effectively upload product data and extend your database schema using Presigned URLs and ChatGPT embedding.

Section (8) MVP Project – Development of basic shopping mall functions

📌 Implement core shopping mall features such as product lists, detail pages, popular products, new products, and infinite scrolling.

Section (9) Implementing Admin Page Functions

📌 Build an admin page with access control, product registration, and AI embedding features using Next.js Middleware.

Section (10) Project Distribution

📌 We cover practical deployment strategies, including deploying local servers using VPN and Nginx, setting up port forwarding, and applying SSL.

Practice environment

  • Operating System and Version (OS): Practice available on Windows, macOS, and Linux (including Ubuntu)

  • Tools used:

    • Node.js for Next.js development (latest LTS version recommended)

    • PostgreSQL and Prisma for database management

    • Docker & Nginx for project deployment and operation

    • ChatGPT API for AI Embedding and Automation

  • PC specifications:

    • Minimum 8GB RAM , 16GB or more recommended

    • CPU: 4 cores or more (considering development and running Docker containers)

    • Storage: SSD recommended (optimized for database and project build speed)

    • GPU (optional): NVIDIA GPU and CUDA support are required to run AI embedding functions locally.

📚 Learning Materials

  • How it's provided:
    Provided through the learning material upload function of the lecture platform
    GitHub links provided if needed (code and practice materials)

  • Materials included:
    GitHub source code – project code and sample examples provided
    Docker configuration file – Example of configuring development and deployment environments
    Additional Reference Links – Official Documentation and Related Blogs


📌 Player Knowledge and Precautions

  • Required Player Knowledge:
    JavaScript and basic TypeScript syntax (for Next.js development)
    Next.js basic concepts (page routing, API routes, etc.)
    SQL and database fundamentals (using PostgreSQL and Prisma)
    RESTful API Concepts (Understanding Data Communication)


Recommended for
these people

Who is this course right for?

  • Person interested in shopping mall development using Next.js and AI

  • Developer wanting hands-on project experience with ChatGPT

  • Aspiring AI-based product recommendation system builder

  • A person who wants to learn DB design using PostgreSQL and Prisma

  • Person wanting to learn VPN deployment methods in a local environment

  • Developer wanting to write a PRD (Product Requirements Document) using ChatGPT

  • Person wanting quick project drafts via v0

Need to know before starting?

  • JavaScript and basic TypeScript syntax

  • Basic Next.js Concepts (Page Routing, API Routes, etc.)

  • SQL and Database Basics (Using PostgreSQL and Prisma)

  • RESTful API or GraphQL concepts (Understanding data communication with the backend)

Hello
This is

541

Learners

24

Reviews

8

Answers

4.1

Rating

8

Courses

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


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

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

 

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


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

 

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

Curriculum

All

47 lectures ∙ (7hr 3min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

4 reviews

4.5

4 reviews

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

    Reviews 13

    Average Rating 4.8

    5

    62% enrolled

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

    • ludgi
      Instructor

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

  • yoonjangg님의 프로필 이미지
    yoonjangg

    Reviews 28

    Average Rating 5.0

    5

    32% enrolled

    좋은 강의 너무 감사합니다.

    • ludgi
      Instructor

      강의구입감사합니다.!

  • pure02님의 프로필 이미지
    pure02

    Reviews 3

    Average Rating 4.0

    3

    100% enrolled

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

      Reviews 10

      Average Rating 5.0

      5

      62% enrolled

      • ludgi
        Instructor

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

    Limited time deal ends in 23:42:37

    $12,380.00

    24%

    $13.20

    ludgi's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!