Sara Platform
홈/강의/Next.js 완전정복
베스트셀러

Next.js 완전정복

React 기반 풀스택 웹 개발의 모든 것

Next.js의 App Router부터 서버 컴포넌트, Supabase 연동, 결제 시스템까지. 실제 강의 플랫폼을 직접 만들면서 배우는 실전 강의입니다.

★4.9(312개 리뷰)
·1,240명 수강 중·입문 → 중급·업데이트 2026.05

학습 내용

✓Next.js App Router 완전 이해
✓React Server Component vs Client Component 차이
✓Tailwind CSS로 반응형 UI 구축
✓Supabase로 인증 및 데이터베이스 연동
✓토스페이먼츠 결제 시스템 구현
✓Vercel 배포 및 도메인 연결
✓TypeScript 실전 활용
✓실제 프로덕션 수준의 프로젝트 완성

커리큘럼

23강 · 32시간

Section 1. 시작하기3강
1▷강의 소개 및 로드맵
2▷개발 환경 세팅
3▷Next.js 프로젝트 생성
Section 2. Next.js 핵심4강
1▷App Router 구조 이해
2▷페이지와 레이아웃
3▷서버 vs 클라이언트 컴포넌트
4▷동적 라우팅
Section 3. Tailwind CSS4강
1▷Tailwind 기초
2▷반응형 레이아웃
3▷다크 모드 구현
4▷컴포넌트 설계
Section 4. Supabase 연동4강
1▷Supabase 프로젝트 생성
2▷인증 구현
3▷데이터베이스 설계
4▷실시간 데이터
Section 5. 결제 연동4강
1▷토스페이먼츠 설정
2▷결제 플로우 구현
3▷웹훅 처리
4▷결제 내역 관리
Section 6. 배포4강
1▷Vercel 배포
2▷환경 변수 관리
3▷도메인 연결
4▷성능 최적화

강사 소개

S

Sara

풀스택 개발자 · 강의 플랫폼 운영자

현직 개발자로 Next.js, React, TypeScript를 활용한 실무 경험을 바탕으로 강의를 설계합니다. 4,100명 이상의 수강생과 함께했으며, 평균 평점 4.9점을 유지하고 있습니다.

99,000원

149,000원

수강신청