• Gist 링크 (미리 접속해주세요)
  • http://bit.ly/470huF6

스케줄

• 오전세션: 9시 40분 ~ 11시 50분
• 점심시간: 11시 50분 ~ 1시 00분
• 오후세션: 1시 00분 ~ 5시 30분

사전준비

• 필요한 저장소 클론
  • https://github.com/vercel/next-app-router-playground
  • https://github.com/Blazity/next-enterprise
  • https://github.com/Violet-Bora-Lee/jsmasterypro_devflow.git ← 추가
• 공식 문서 확인
  • https://nextjs.org/docs/13/app/api-reference/create-next-app

우리의 제약사항

• Next.js 13, Vercel등 서버사이드 렌더링을 위한 인프라 사용하지 못함

가능한 것 / 불가능한 것

• ✅ 가능한 것
  • app/ 라우팅과 layout, error, loading 파일 구성
  • Parallel Routes와 Intercepting Routes를 통한 클라이언트 UX 개선
  • 정적 Metadata 설정과 정적 자산 사용
  • React Query 또는 SWR 캐싱으로 클라이언트 상태 관리
• ⛔ 불가능/제한
  • Server Actions, Route Handlers, Middleware 사용 불가
  • 런타임 SSR, SSG, ISR 및 revalidate 불가
  • 동적 메타데이터, 스트리밍 응답 불가
  • 서버 시크릿 기반 데이터 패칭 불가

결론: 완전 클라이언트 사이드 렌더링 + 정적 빌드 중심. 외부 공개 API만 직접 호출하고, 비공개 키가 필요한 요청은 서버 없이 불가.

프로젝트 세팅

• npx create-next-app@v13

  

프로젝트 기본 구조