nextjs firebase authentication

내 코스 플랫폼

• 데모
• "이 프로젝트에 들어간 것"에 실

서버 측 사용자 관리

• GraphQL (튜토리얼) 및 Firebase (튜토리얼)
  • 로그인
  • 가입하십시오
  • 로그 아웃하십시오
  • 이메일 변경
  • 비밀번호 변경
  • 비밀번호 재설정

클라이언트 및 서버 측 보호 경로

• 다음 .js 승인 및 파이어베이스 세션

지불

• 줄무늬
• PayPal

스타일링

• 개미 디자인
• 스타일링 된 구성 요소 (튜토리얼)
• 페이지 전환

지원을 입력하십시오

• TypeScript

테스트 된 코드베이스

• 농담 (튜토리얼)
• 반응 테스트 라이브러리
• 아폴로 조롱

환경 변수

• dotenv

절대 수입

• 바벨 모듈 리졸버 (튜토리얼)

보초

더 많은 기능

• 쿠폰으로 할인
• 파트너 프로그램과의 제휴 마케팅

설치

• git clone [email protected]:rwieruch/nextjs-firebase-authentication.git
• cd nextjs-firebase-authentication
• 아래의 다른 설치 지침을 참조하십시오 ...
• yarn install
• yarn run dev
• http : // localhost : 3000/방문

.env 파일

.env 파일을 만듭니다. git을 사용하는 경우 .gitignore 파일에 추가하십시오.

개발 및 생산에는 값이 다를 수 있습니다.

 BASE_URL=http://localhost:3000

FIREBASE_API_KEY=
FIREBASE_AUTH_DOMAIN=
FIREBASE_DATABASE_URL=
FIREBASE_PROJECT_ID=
FIREBASE_STORAGE_BUCKET=
FIREBASE_MESSAGING_SENDER_ID=
FIREBASE_APP_ID=

PAYPAL_CLIENT_ID=
PAYPAL_CLIENT_SECRET=

STRIPE_CLIENT_ID=
STRIPE_CLIENT_SECRET=
STRIPE_WEBHOOK_SECRET=

COUPON_SALT=
COUPON_URL=
FIREBASE_ADMIN_UID=

SENTRY_DSN=

REVUE_TOKEN=

SLACK_TOKEN=

CONVERTKIT_API_KEY=
CONVERTKIT_FORM_ID=

S3_ENDPOINT=
S3_ACCESS_KEY_ID=
S3_SECRET_ACCESS_KEY=
S3_BUCKET=

DATABASE_TYPE=
DATABASE_HOST=
DATABASE_PORT=
DATABASE_USERNAME=
DATABASE_PASSWORD=
DATABASE_NAME=
DATABASE_SSL_CERTIFICATE=

• 중포 기지
  • Firebase 프로젝트의 이메일/비밀번호 로그인 방법을 활성화하십시오
• PayPal
  • 점검
• 줄무늬
  • 점검
  • Webhook

.FirebaseServiceAcCountKey.json 파일

Firebase Admin SDK를 위해 여기를 방문하여 프로젝트의 루트 폴더에 있어야하는 FireBaseserViceAccountKey.json 파일을 생성하십시오. git을 사용하는 경우 .gitignore 파일에 추가하십시오.

관리자 계정

FireBase 관리자 청구가있는 계정을 사용하려면 UI를 통해 먼저이 FireBase 계정을 작성한 다음 FIREBASE_ADMIN_UID 사용하여 사용자 계정의 uid .env 로 설정하고 서버를 다시 시작하십시오.

개발 모드에서 Webhook의 Stripe CLI

스트라이프 클리

 stripe login
# follow instructions
stripe listen --forward-to localhost:3000/api/stripe-webhook
# copy and paste secret

secret .env 에서 사용할 수 있습니다.

 STRIPE_WEBHOOK_SECRET=secret

그런 다음 Stripe Cli stripe payment_intents create --amount=100 --currency=usd . 응용 프로그램도 실행 중인지 확인하십시오. 또는 웹 애플리케이션의 Stripe Checkout 기능을 Real에 사용하십시오.