/Next.js-Study

for the clone coding task

Primary LanguageTypeScript

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