Getting Started - dnd-side-project/dnd-8th-1-frontend GitHub Wiki

💻 localhost.pem, localhost-key.pem Download(for window)

  1. install mkcert
choco install mkcert
  1. 루트 CA 에 mkcert 추가
mkcert -install
  1. 인증서 생성
mkcert \
-cert-file localhost.pem \
-key-file localhost-key.pem \
*.danverse.vercel.app danverse.vercel.app

🙆‍♀️ Getting Started

  • node version - 16.18.1
  • platform - mac, window 등

  1. 레포지토리 클론
git clone https://github.com/dnd-side-project/dnd-8th-1-frontend.git

  1. localhost.pem, localhost-key.pem Download (mac 유저만 해당되며, window 유저일 경우 위 localhost.pem, localhost-key.pem Download 섹션 참고 하세요!)
yarn init-https

  1. 환경 변수 파일 추가(.env.development)
NEXT_PUBLIC_API_END_POINT=https://danverse.o-r.kr/
NEXT_PUBLIC_GOOGLE_CLIENT_ID=660329626176-s20348mpdpcu5gojab3g4jl92lphm7n3.apps.googleusercontent.com
NEXT_PUBLIC_GOOGLE_REDIRECT_URI=https://localhost:3001/oauth/callback
NEXT_PUBLIC_GOOGLE_CLIENT_SECREET=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

  1. yarn 버전 확인 후 yarn 1.x 버전일 경우 적용
yarn set version berry

  1. vs code extension ZipFS 설치
image

  1. vs code allow 설정
image
  • 다음과 같은 박스가 로드 된다면 allow 클릭

  1. yarn berry unplug file 설치
yarn unplug

  1. local 실행
yarn dev

  1. storybook 실행
yarn storybook

🚀 Deploy URL

Danverse URL

⚠️ **GitHub.com Fallback** ⚠️