NKTCLINE
네이버·카카오·토스 플랫폼 개발팀을 목표로 준비하는 수강생도 이 강의를 듣고 있어요.
웹 개발
웹 개발중급Next.jsDrizzleSEO
Next.js로 강의 거래소 만들기
상품, 수강신청, 계좌입금 승인, SEO까지 웹 플랫폼의 뼈대를 완성합니다.
4.9(186)
受講生 1,240
·AU링구스트랩
웹 우선 강의 플랫폼을 직접 만들며 서비스 구조를 익힙니다. 판매 페이지, 모집 기간, 입금 확인 기반 수강 승인까지 실제 운영 흐름으로 배웁니다.
배우게 되는 것
- 강의 목록과 상세 페이지 설계
- SEO 메타데이터 구성
- 수강신청 흐름 이해
추천 대상
직접 강의 플랫폼을 만들고 싶은 개발자와 1인 창업자
준비물
React와 TypeScript 기초 지식
실전 프로젝트 화면
Next.js 강의 거래소 구현 화면
이 강의는 다음을 포함합니다
34개 수업 · 총 9시간 37분
10시간 분량 커리큘럼
34개 수업
계좌입금 승인 후 수강
모바일/데스크톱 수강
자막 및 참고 자료 지원
관련 주제
Next.jsDrizzleSEONext.js 강의강의 플랫폼Drizzle ORM웹 개발링구스트Lingoost럿지주식회사 럿지온라인 강의
링구스트는 온라인 강의, 시즌제 강의, 강의 판매, 수강 신청, 계좌입금 승인, HLS 영상 수강처럼 학습자와 강의 판매자가 실제로 검색하는 흐름을 기준으로 강의 상세 정보를 구성합니다.
カリキュラム
34개 수업 · 총 9시간 37분섹션 1
서비스 구조와 도메인 설계
4개 수업 · 1시간 6분
수업 1
강의 거래소의 핵심 사용자 흐름
수강생, 판매자, 최고 관리자가 각각 어떤 화면과 상태를 가져야 하는지 정리합니다.
자료 1개 포함
16분영상 등록 전
수업 2
역할별 권한과 상태 전이
수강 신청, 입금 대기, 승인, 수강 가능 상태를 상태 머신으로 나눕니다.
18분영상 등록 전
수업 3
강의 상품이 가져야 할 필드
가격, 할인, 모집 기간, 정원, SEO, 이미지 필드를 실제 등록 폼 기준으로 설계합니다.
17분영상 등록 전
수업 4
웹 우선 구조와 앱 래핑 전략
Next.js 웹을 먼저 완성하고 나중에 앱으로 감싸도 흔들리지 않는 경계를 잡습니다.
15분영상 등록 전
섹션 2
Drizzle ORM과 데이터 모델
5개 수업 · 1시간 32분
수업 1
Prisma에서 Drizzle로 옮길 때의 관점
실무에서 자주 부딪히는 마이그레이션, 타입, 쿼리 문제를 비교합니다.
18분영상 등록 전
수업 2
Lecture, Curriculum, Section 스키마
강의, 섹션, 수업, 영상, 파일 관계를 Drizzle 테이블로 모델링합니다.
자료 1개 포함
20분영상 등록 전
수업 3
수강 신청과 Purchase 권한 설계
결제 대신 계좌입금 확인으로 권한을 여는 초기 운영 모델을 구현합니다.
21분영상 등록 전
수업 4
판매자 계좌와 정산 데이터
판매자가 직접 계좌를 등록하고 운영자가 나중에 정산할 수 있는 데이터를 남깁니다.
17분영상 등록 전
수업 5
마이그레이션 운영 체크리스트
컬럼 추가, 기본값, 배포 전후 순서를 안전하게 관리하는 기준을 세웁니다.
16분영상 등록 전
섹션 3
강의 목록과 상세 페이지
5개 수업 · 1시간 23분
수업 1
사진 중심 강의 카드 UI
프리뷰 이미지, 모집 상태, 가격, 할인 배지를 소비자 마켓플레이스처럼 구성합니다.
17분영상 등록 전
수업 2
시즌제 모집 상태 표시
모집 전, 모집 중, 모집 완료, 신청 마감 상태를 한눈에 이해되게 만듭니다.
18분영상 등록 전
수업 3
강의 상세 첫 화면 구성
제목, 요약, 학습 결과, 추천 대상, 준비물을 전환 중심으로 배치합니다.
19분영상 등록 전
수업 4
가격과 할인 정보 노출
할인율이 주목되지만 과하게 시끄럽지 않은 가격 표시 패턴을 적용합니다.
15분영상 등록 전
수업 5
리뷰와 좋아요의 초기 데이터 전략
초기 서비스처럼 보이되 실제 운영과 충돌하지 않는 통계를 설계합니다.
14분영상 등록 전
섹션 4
SEO와 검색 노출
4개 수업 · 1시간 7분
수업 1
강의별 메타데이터 설계
meta title, description, keywords, canonical URL을 강의 등록 데이터로 연결합니다.
자료 1개 포함
18분영상 등록 전
수업 2
OG 이미지와 공유 카드
1200px 계열 대표 이미지가 공유와 검색 결과에서 어떻게 쓰이는지 확인합니다.
16분영상 등록 전
수업 3
sitemap.xml 자동 생성
활성 강의가 검색엔진에 발견되도록 사이트맵 라우트를 구성합니다.
18분영상 등록 전
수업 4
카테고리와 태그 구조
검색 의도와 내부 탐색을 동시에 만족하는 태그 체계를 만듭니다.
15분영상 등록 전
섹션 5
계좌입금 수강 신청
5개 수업 · 1시간 28분
수업 1
수강 신청 API 만들기
계좌입금 방식에서도 주문 금액, 신청자, 판매자 계좌 정보를 남깁니다.
19분영상 등록 전
수업 2
입금 대기 화면과 안내 문구
수강생이 어디로 입금해야 하는지, 언제 승인되는지 명확히 보여줍니다.
16분영상 등록 전
수업 3
판매자 신청자 리스트
판매자가 신청자와 입금 상태를 확인하고 승인할 수 있는 테이블을 만듭니다.
18분영상 등록 전
수업 4
승인 시 Purchase 생성
입금 확인 후 수강 권한을 부여하는 서버 액션과 예외 처리를 구현합니다.
20분영상 등록 전
수업 5
취소와 중복 신청 처리
같은 강의에 여러 번 신청했을 때 운영자가 헷갈리지 않도록 상태를 정리합니다.
15분영상 등록 전
섹션 6
판매자 스튜디오
4개 수업 · 1시간 6분
수업 1
강의 기본 정보 편집
제목, 소개, 이미지, 가격, 모집 기간을 판매자가 관리하는 폼을 구성합니다.
17분영상 등록 전
수업 2
커리큘럼 섹션과 수업 편집
섹션 아래 여러 수업을 추가하고 공개 상태를 조절하는 UX를 만듭니다.
19분영상 등록 전
수업 3
영상 업로드 전 운영 상태
비디오가 없어도 커리큘럼과 판매 페이지는 먼저 완성될 수 있게 표시합니다.
14분영상 등록 전
수업 4
판매자 대시보드 지표
신청 수, 승인 수, 잔여 좌석, 예상 매출을 판매자가 빠르게 보게 합니다.
16분영상 등록 전
섹션 7
최고 관리자와 운영
4개 수업 · 1시간 6분
수업 1
전체 강의 승인 큐
새 강의, 수정 요청, 인코딩 필요 여부를 운영자가 한 곳에서 봅니다.
17분영상 등록 전
수업 2
수동 정산 준비 데이터
강의별 신청 금액, 승인 수, 플랫폼 수수료를 정산 대기열로 모읍니다.
18분영상 등록 전
수업 3
로컬 인코딩 작업 연결점
배포 서버가 아니라 로컬 관리자 환경에서만 의미 있는 인코딩 실행 지점을 둡니다.
16분영상 등록 전
수업 4
운영 로그와 문제 추적
입금 승인, 권한 부여, 파일 처리 실패를 나중에 추적할 수 있게 기록합니다.
15분영상 등록 전
섹션 8
출시 전 검증
3개 수업 · 49분
수업 1
모바일/데스크톱 화면 QA
카드, 상세, 신청, 대시보드가 화면 크기마다 깨지지 않는지 확인합니다.
16분영상 등록 전
수업 2
SEO 결과물 점검
메타 태그, OG 이미지, 사이트맵, canonical을 실제 HTML에서 확인합니다.
15분영상 등록 전
수업 3
초기 운영 시나리오 리허설
수강생 신청부터 판매자 승인, 관리자 정산 확인까지 전체 흐름을 한 번 돌립니다.
18분영상 등록 전
レビュー (0)
レビューを書く
Ctrl+Enterで送信
まだレビューはありません。
₩70,000
定価 ₩99,000
신청 마감잔여 13석
신청 기간 5월 10일 AM 12:00 - 6월 5일 PM 02:59
이번 시즌 27/40명 신청
신청 방식: 계좌입금 확인 후 수강권한 부여