nextjs firebase authentication

私のコースプラットフォーム

• デモ
• 「このプロジェクトに入ったもの」にスレッド

サーバー側のユーザー管理

• GraphQL（チュートリアル）とFirebase（チュートリアル）
  • サインイン
  • サインアップ
  • サインアウト
  • 電子メールの変更
  • パスワードの変更
  • パスワードリセット

クライアントおよびサーバー側の保護されたルート

• next.js認証およびファイヤーベースセッション

での支払い

• ストライプ
• PayPal

スタイリング

• アリのデザイン
• スタイルのコンポーネント（チュートリアル）
• ページの移行

でサポートを入力します

• タイプスクリプト

テストされたコードベース

• Jest（チュートリアル）
• 反応テストライブラリ
• アポロ・モック

環境変数

• dotenv

との絶対的な輸入

• Babelモジュールリゾルバー（チュートリアル）

セントリー

その他の機能

• クーポン付きの割引
• パートナープログラムのアフィリエイトマーケティング

インストール

• 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

.firebaseviceaccountkey.jsonファイル

FireBase Admin SDKについてはこちらにアクセスし、そこからFireBaseServiceAccountKey.jsonファイルを生成します。プロジェクトのルートフォルダーにあります。 gitを使用している場合は、 .gitignoreファイルに追加します。

管理者アカウント

FireBase Adminのクレームを使用してアカウントを作成する場合は、最初にUIを介してこのFireBaseアカウントを作成し、 FIREBASE_ADMIN_UIDを使用してユーザーアカウントのuidを.envに設定し、サーバーを再起動します。

開発モードのWebhook用のストライプCLI

ストライプ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機能します。アプリケーションも実行されていることを確認してください。または、Webアプリケーションのストライプチェックアウト機能を実際に使用します。