실무로 배우는 Next.js 풀스택 웹 서비스 만들기
라우팅부터 인증·DB·배포까지, 실제 서비스를 하나 끝까지 만들며 Next.js App Router를 익힙니다.
김도윤 · 풀스택 개발자 · 前 스타트업 CTO
강사 공지5장 예제 코드가 Next.js 16 기준으로 갱신되었습니다 2026.10.15
5장(배포와 운영) 예제 저장소를 Next.js 16 기준으로 갱신했습니다. 기존 코드로 진행 중이라면 그대로 이어서 들어도 괜찮고, 새로 시작한다면 main 브랜치를 받아 주세요. 바뀐 부분은 5-1 강의 하단 자료실에 정리해 두었습니다.
이런 걸 배워요
- App Router로 페이지와 레이아웃을 설계합니다
- 서버 컴포넌트와 캐시 전략으로 빠른 화면을 만듭니다
- Route Handler·Server Actions로 API와 폼을 처리합니다
- Prisma와 Auth.js로 회원·권한을 구현합니다
- Vercel에 배포하고 에러를 추적합니다
- 완성한 서비스를 포트폴리오로 정리합니다
이런 분께 추천해요
- React는 써 봤지만 서비스를 끝까지 만들어 본 적이 없는 분
- 프런트엔드에서 백엔드까지 영역을 넓히고 싶은 분
- 사이드 프로젝트를 실제로 배포하고 싶은 분
미리 알면 좋아요
- JavaScript 기본 문법
- React 컴포넌트와 상태(useState) 개념
- 터미널 명령어 기초
강의 소개
라우팅부터 인증·DB·배포까지, 실제 서비스를 하나 끝까지 만들며 Next.js App Router를 익힙니다. 김도윤 강사가 현업에서 실제로 쓰는 방식 그대로, 왜 그렇게 하는지까지 설명합니다.
각 장은 짧은 개념 설명 → 따라 하기 → 직접 해 보기 순서로 진행합니다. 장이 끝날 때마다 확인 퀴즈가 있고, 중간과 마지막에는 강사가 직접 채점하는 과제가 있습니다. 막히는 부분은 영상 시점을 붙여 Q&A에 남기면 됩니다.
모두 28개 레슨, 약 5시간 42분 분량입니다. 실습에 쓰는 예제 파일과 완성본은 레슨마다 내려받을 수 있고, 다루는 도구나 방법이 바뀌면 레슨을 고쳐 올립니다. 수강 기간 안에는 추가 비용 없이 바뀐 내용을 볼 수 있습니다.
커리큘럼
5개 섹션 · 28개 레슨 · 5시간 42분
1시작하기 4개 레슨
2라우팅과 레이아웃 6개 레슨
- 2-1App Router 기본 16:20
- 2-2레이아웃과 중첩 라우트 13:48
- 2-3동적 라우트와 파라미터 12:31
- 2-4로딩·에러 UI 09:57
- 2-5메타데이터와 SEO 11:02
- 2-62장 확인 퀴즈 5문항
3데이터 가져오기 7개 레슨
- 3-1서버 컴포넌트란 무엇인가 15:10
- 3-2fetch와 캐시 전략 18:22
- 3-3Route Handler로 API 만들기 17:45
- 3-4서버 컴포넌트로 데이터 가져오기 21:08
- 3-5Server Actions로 폼 처리하기 19:30
- 3-6낙관적 업데이트 12:14
- 3-7과제: 게시판 API 만들기 과제
4인증과 데이터베이스 6개 레슨
- 4-1Prisma와 PostgreSQL 연결 22:40
- 4-2스키마 설계와 마이그레이션 18:05
- 4-3Auth.js로 로그인 구현하기 24:16
- 4-4미들웨어로 접근 제어하기 13:20
- 4-5권한별로 화면 나누기 11:48
- 4-64장 확인 퀴즈 5문항
5배포와 운영 5개 레슨
- 5-1Vercel에 배포하기 12:30
- 5-2환경 변수와 비밀값 관리 09:44
- 5-3로깅과 에러 추적 14:12
- 5-4성능 측정과 개선 16:50
- 5-5최종 과제: 나만의 서비스 배포 과제
강사 소개
김도윤
풀스택 개발자 · 前 스타트업 CTO
- 수강생
- 22,180
- 평균 평점
- 4.8
- 클래스
- 3
커머스와 핀테크 서비스를 10년 동안 직접 만들고 운영했습니다. 주문이 몰리는 날 서버가 버티는지, 정산…
강사 프로필 보기수강평
- 임임*솔2026.10.13진도 35%
3장 캐시 설명이 조금 빠르게 지나가요. 화면에 나온 다이어그램을 PDF로도 받을 수 있으면 복습할 때 훨씬 좋을 것 같습니다.
김도윤 강사좋은 제안 감사합니다. 3장 캐시 다이어그램을 PDF로 정리하고 있어요. 이번 주 안에 3-2 자료실에 올리고 공지로 알려 드릴게요.
- 박박*진2026.10.10진도 100%
강의 하나로 실제 서비스를 끝까지 배포해 본 게 처음입니다. 왜 이렇게 나누는지 설명해 주셔서 회사 코드에도 바로 적용했어요.
김도윤 강사끝까지 완주하셨네요! 배포한 서비스 링크를 Q&A에 남겨 주시면 피드백 드릴게요.
- 이이*아2026.10.04진도 64%
서버 컴포넌트와 캐시 부분이 늘 헷갈렸는데 그림으로 보여 주셔서 이해가 됐습니다. 예제 코드 품질이 좋아요.
- 최최*호2026.09.29진도 88%
내용은 아주 좋습니다. 4장은 조금 빠르게 느껴져서 두 번 봤어요. 자막이 있어서 다시 찾기 편했습니다.
김도윤 강사4장은 개념이 몰려 있어서 두 번 보신 분이 많아요. 4-3 세션 부분은 레슨 본문에 보충 설명을 더해 두었습니다.
Q&A
수강생만 질문할 수 있습니다. 영상 시점을 누르면 그 장면으로 이동합니다.
