1. Git 저장소 다운로드

Furo Nextjs Sample 프로젝트를 다운로드 받습니다.

git clone https://github.com/lukasjhan/furo-sample-nextjs

이어서 npm 패키지를 설치합니다

cd furo-sample-nextjs

yarn install

2. 프로젝트 설정

Furo 콘솔의 [Configuration > For Developers] 탭으로 넘어가 다음 두 가지 작업을 진행합니다.

  1. 콘솔에서 복사한 값을 .env 파일에 옮깁니다. 또는 .env파일을 생성한 후 아래와 같이 환경변수를 설정합니다.
NEXT_PUBLIC_CLIENT_ID={{YOUR_CLIENT_ID}}
  1. 콘솔 입력창의 Default Callback URI에 기본값 https://sample.furo.one/{{YOUR_CLIENT_ID}}http://localhost:3000/{{YOUR_CLIENT_ID}} 로 변경합니다.

3. 프로젝트 실행

다시 터미널로 돌아와서 아래 명령어를 입력합니다.

yarn dev

http://localhost:3000 에 들어가보면 아래와 같이 Furo가 연동된 로그인 기능을 테스트해 볼 수 있습니다.