nextjs firebase authentication

Ma plate-forme de cours

• Démo
• Sujet sur "Ce qui est entré dans ce projet"

Gestion des utilisateurs côté serveur avec

• GraphQL (tutoriel) et Firebase (tutoriel)
  • Se connecter
  • S'inscrire
  • Se déconnecter
  • Changement de courrier électronique
  • Changement de mot de passe
  • Réinitialisation du mot de passe

Voies protégés côté client et serveur avec

• Suivant.js Autorisation et session de base

Paiement avec

• Bande
• Paypal

Avec

• Conception de fourmi
• Composants stylisés (tutoriel)
• Transitions de page

Tapez le support avec

• Manuscrit

Base de code testée avec

• Jest (tutoriel)
• Bibliothèque de tests React
• APOLLO MOCKS

Variables d'environnement avec

• Dotenv

Importations absolues avec

• Resolver du module Babel (tutoriel)

Sentinelle

Plus de fonctionnalités

• Remises avec les coupons
• Marketing d'affiliation avec le programme partenaire

Installation

• git clone [email protected]:rwieruch/nextjs-firebase-authentication.git
• cd nextjs-firebase-authentication
• Voir les autres instructions d'installation ci-dessous ...
• yarn install
• yarn run dev
• Visitez http: // localhost: 3000 /

fichier .env

Créez un fichier .env . Si vous utilisez GIT, ajoutez-le à votre fichier .gitignore .

Les valeurs peuvent différer pour le développement et la production:

 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=

• Base de feu
  • Activez la méthode de connexion par e-mail / mot de passe pour votre projet Firebase
• Paypal
  • Vérifier
• BANDE
  • Vérifier
  • Webhook

.FirebaseServiceAccountkey.json Fichier

Visitez ici pour le SDK de Firebase Admin et générez un fichier FirebaseServiceAccountkey.json à partir de là qui devrait être dans le dossier racine de votre projet. Si vous utilisez GIT, ajoutez-le à votre fichier .gitignore .

Compte d'administration

Si vous souhaitez avoir un compte avec Firebase Admin, créez d'abord ce compte Firebase via l'interface utilisateur, puis définissez l' uid du compte utilisateur dans .env avec FIREBASE_ADMIN_UID et redémarrez votre serveur.

Stripe CLI pour WebHook en mode développement

CLI Stripe

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

Le secret peut être utilisé dans .env :

 STRIPE_WEBHOOK_SECRET=secret

Puis simule une demande avec Stripe CLI stripe payment_intents create --amount=100 --currency=usd fonctionnera. Assurez-vous également que l'application est en cours d'exécution. Ou utilisez la fonction de vérification à rayures de l'application Web pour de vrai.