next firebase ssr 다운로드 - next firebase ssr 소스 코드 다운로드

다운로드

다음 .js + Firebase + GetServersideProps

이 프로젝트는 Next.js 및 Firebase 인증을 사용하여 인증 된 서버 측 렌더링을 구현하는 방법을 보여줍니다.

2020 년 11 월 19 일 업데이트 : 버그가 고정되어 Firebase 토큰이 1 시간 후에 새로 고치지 않고 만료되는 곳에서 고정되었습니다. 이제 모든 토큰은 이제 10 분마다 힘을 상쾌하게합니다.

2020 년 11 월 9 일 업데이트 :이 repo는 [email protected] 에 소개 된 리디렉션 기능을 사용하도록 업데이트되었습니다. 현재이 접근 방식을 위해 다음에 canary 릴리스에 있어야합니다 ( yarn add next@canary ).

전체 연습 및 문서화 : Next.js 및 Firebase를 사용한 인증 서버 측 렌더링.

이 예제를 실행하려면 :

레포를 복제하십시오 : git clone [email protected]:vriad/next-firebase-ssr.git
디렉토리로 탐색 : cd next-firebase-ssr
의존성 설치 : yarn
아직 없다면 Firebase 프로젝트를 만듭니다. 콘솔의 인증 탭으로 이동하여 "로그인 메소드"로 이동하여 "이메일/비밀번호"를 활성화하십시오.
firebaseClient.ts 에 FireBase 클라이언트 자격 증명을 추가하십시오. 이를 얻으려면 Firebase 콘솔> 프로젝트> 기어 아이콘> 프로젝트 설정> 일반> 앱> Firebase SDK Snippet> "구성"라디오 버튼> 복사/붙여 넣기를 클릭하십시오.
서비스 계정 (관리자) 자격 증명을 프로젝트에 추가하십시오. 이렇게하려면 Firebase Console> 프로젝트 열기> 기어 아이콘> 프로젝트 설정> 서비스 계정> Node.js를 클릭하십시오. 새 개인 키를 생성하십시오. 다운로드하는 JSON 파일을 엽니 다. 그런 다음 .env.local.example 사본을 작성하여 .env.local 로 이름을 바꿉니다. 이것은 비밀 Firebase 자격 증명을 넣을 파일입니다. 개인 키 JSON 파일에서 값을 새 .env.local 파일로 복사/붙여 넣으십시오 : privateKey PRIVATE_KEY 되며 project_id PROJECT_ID 되고 clientEmail CLIENT_EMAIL 됩니다.
yarn dev 실행하십시오
localhost:3000 으로 이동하십시오