![[풀스택 입문] Firebase보다 10배 좋은 Supabase강의 썸네일](https://cdn.inflearn.com/public/courses/334439/cover/9e628f60-3721-4d03-b36d-a577593b96fd/334439.jpg?w=420)
[풀스택 입문] Firebase보다 10배 좋은 Supabase
로펀
₩22,000
초급 / PostgreSQL, Next.js, TailwindCSS, supabase
4.9
(110)
풀스택 개발에 날개를 달아줄 Supabase! Firebase의 상위호환인 Supabase로 풀스택 개발을 2시간만에 완성합니다.
초급
PostgreSQL, Next.js, TailwindCSS



93개 수업 학습
6회 미션 수행
무제한 복습, 내 것으로 만들어요.
성취의 증표, 수료증을 발급해요.
같은 기수와 교류하고 함께 성장해요.
질문하고 즉시 답을 얻어요.
커리어인증
3,844
명
수강생
237
개
수강평
67
개
답변
4.8
점
강의 평점
8
개
강의
🚀 “핫한 스택으로 실전 서비스를 만드는 과정을 숨김없이 보여드립니다.”
이론보다는 프로젝트 위주의 실무 강의로 현업에 바로 도움이 될 수 있는 내용을 제공합니다.
(현) 네카라쿠배 시니어 개발자
(전) 유니콘 스타트업 재직
(현) 8년차 풀스택 개발자
(강의) 스파르타 코딩클럽 강사
(교육) 한국과학기술원(KAIST) 전산학과 졸업
📌 참고사항
챌린지 등록시 기존 파트1 + 파트2 강의를 무료로 등록해드립니다.
강의 구매금액 대비 30% 할인 + 우승자 상품까지 든든히 챙겨가세요!
<cafe-small-house님 결과물>
단 하나의 강의로 기획, 개발, 배포까지 완성하는 풀스택 여정을 시작하세요.
"Next.js + NestJS 조합으로 실무에 가까운 인프런 플랫폼을 처음부터 직접 만들어봅니다."
Next.js 15는 React 기반 프로젝트에 서버 컴포넌트 · App Router · Server Actions를 더해, 화면 렌더링부터 간단한 API까지 한 코드베이스에서 처리할 수 있게 해 줍니다.
NestJS는 같은 TypeScript로 작성되며, 의존성 주입과 모듈식 구조 덕분에 팀 규모가 커져도 유지보수가 수월한 백엔드를 구축할 수 있습니다.
두 프레임워크를 함께 쓰면 UI와 서버가 하나의 타입 정의를 공유해 데이터 불일치를 줄이고, 개발자는 언어·툴셋 전환 없이 프런트와 백엔드를 오갈 수 있습니다.
🔥 Next.js v15 🔥
🔥 Nest.js v10 🔥
지식공유자(커리큘럼, 강의 업로드 등) 기능 구현
수강생 회원 관리, AI를 이용한 UI 스타일링
강의 등록, 커리큘럼 구성, 영상 업로드
강의 탐색, 수강신청, 영상 시청, 결제, 배포
JWT 인증, S3 업로드, 관리자 페이지 구성
시청 기록, 질문/수강평, 결제 API, EC2 배포
Next.js · NestJS 기반으로 프로젝트 환경 세팅
Auth.js로 회원가입·로그인 기능 구현
Swagger로 API 통신 테스트 및 검증
🎯 미션: 로그인 성공 영상 & API 인증 캡처 제출
Prisma로 강의, 커리큘럼 DB 모델 설계
강의 등록, 커리큘럼 구성 기능 완성
AWS S3 + CloudFront로 동영상 업로드 구축
🎯 미션: 나만의 강의 업로드 & 스트리밍 영상 제출
카테고리·페이지네이션 기반 강의 검색 구현
상세페이지·즐겨찾기·수강신청 기능 연결
시청 시간 저장 및 이어보기 기능 완성
🎯 미션: 검색·수강신청·이어보기 시연 영상 제출
별점 기반 수강평 작성/조회 기능 구축
질문·답변 시스템과 관리 페이지 완성
PortOne 결제 API 연동 및 실결제 흐름 구현
🎯 미션: 리뷰·질문 등록 & 결제 전체 플로우 영상 제출
Cron Job, 캐싱, Sentry 모니터링 적용
EC2 + Docker + GitHub Actions 자동 배포
HTTPS 연결 및 실제 도메인 배포 완료
🎯 미션: 배포 성공 캡처 + 성능 리포트 제출
Q&A 세션에서 질의응답 및 피드백 진행
나만의 기능 1개 이상 자유롭게 추가
완성본 발표 & 데모데이 참여
🎯 미션: 추가된 기능 발표 + 최종 배포본 제출
단순한 투두앱에서 벗어나
제대로 된 서비스를
만들고 프론트엔드 개발자
포트폴리오로
바로 활용 가능한 프로젝트가
필요한 이직·취업 준비생
강의 플랫폼과 같은
실서비스를 만들고 싶은
1인 개발자
총 28+시간 분량, 90+개 강의, 총 6주간의 미션
GitHub 예제 코드 및 참고자료 제공
완성된 프로젝트는 포트폴리오로 사용 가능
4월
18일
챌린지 시작일
2026년 4월 18일 오후 03:00
챌린지 종료일
2026년 5월 30일 오후 02:30
전체
99개 ∙ (28시간 54분)
해당 강의에서 제공:
최신 풀스택 개발 흐름 (Next.js 15, NestJS, Prisma)
포트폴리오로 활용 가능한 ‘나만의 인프런’ 플랫폼 완성
강의 등록, 수정, 영상 업로드, 커리큘럼 편집 등 실서비스 기능 전반 개발
Shadcn UI + TailwindCSS + Cursor AI로 실무 수준의 감각적인 UI 제작
Swagger + OpenAPI 기반 자동화된 백엔드 호출 구조 구성
Prisma로 데이터베이스 모델링하고 PostgreSQL 기반 구조 설계하기
S3 + CloudFront 기반 스트리밍 업로드 시스템 구축
학습 대상은
누구일까요?
블로그, 투두앱은 그만! 서비스 전반을 직접 구현해보고 싶은 프론트엔드 개발자
NestJS 백엔드 설계를 실전으로 익히고 싶은 주니어~미들 개발자
이직, 포트폴리오를 위한 완성도 높은 프로젝트가 필요한 취준생
강의 하나로 실전 스택을 A to Z로 익히고 싶은 실무 지향 수강생
단일 언어 기반의 풀스택 구조를 처음부터 끝까지 익히고 싶은 실무 지향 수강생
선수 지식,
필요할까요?
HTML/CSS/JS 기본 문법
React 기초 사용 경험
전체
2개
이 강의의 지난 수강평
취소 및 환불 규정
챌린지는 지식공유자가 설정한 수업 최소 정원이 충족되지 않을 경우, 폐강 안내가 고지되며 결제 내역이 자동취소됩니다.
지식공유자님의 다른 강의를 만나보세요!
월 ₩66,000
5개월 할부 시
₩330,000