Next.js Study - Page Clone Coding Task

목표

엘리스 기업 소개페이지를 클론코딩한다. 엘리스 - 올인원 디지털 교육 플랫폼

노션 : https://river-guardian-12a.notion.site/c20ccfa890ac4e59ae1d262b1d526300?pvs=4

필수 구현사항

• 메인 온보딩 페이지 /
  • 헤더 구현
  • 네비게이션 버튼(상담요청)
  • 자동 슬라이드
  • viewport 에 들어온 컴포넌트를 렌더링
• 상담요청 페이지 /contact
• 로그인 페이지 /accounts/signin
• 회원가입 페이지 /accounts/signup

선택 구현사항

• MSW 를 사용해서 로그인/회원가입 기능을 구현
• Auth.js 소셜로그인 기능 구현

참고사항

• 팝업창은 구현하지 않는다.
• 헤더내의 네비게이션은 구현하지 않는다. (제품, 솔루션, .. 펼친 부분)
• 메인페이지 Footer 영역은 구현하지 않는다.
• 로그인 / 회원가입 페이지 Footer 영역은 구현하지 않는다.

요구사항

• useClient 사용을 최소화한다.

Tech Stack

• TypeScript
• Next.js
• Tailwind CSS
• Zustand
• Axios