nextjs firebase authentication

Meine Kursplattform

• Demo
• Thread über "Was ist in dieses Projekt eingegangen"

Serverseitige Benutzerverwaltung mit

• GraphQL (Tutorial) und Firebase (Tutorial)
  • Anmelden
  • Melden Sie sich an
  • Abmelden
  • E -Mail -Änderung
  • Passwortänderung
  • Passwort zurücksetzen

Client- und serverseitige geschützte Routen mit

• Next.js Autorisierung und FireBase -Sitzung

Zahlung mit

• Streifen
• Paypal

Styling mit

• Ameisendesign
• Styled -Komponenten (Tutorial)
• Seitenübergänge

Geben Sie Unterstützung mit

• Typoskript

Getestete Codebasis mit

• Scherz (Tutorial)
• Reagieren Sie die Testbibliothek
• Apollo Mocks

Umgebungsvariablen mit

• Dotenv

Absolute Importe mit

• Babel -Modul Resolver (Tutorial)

Posten

Weitere Funktionen

• Rabatte mit Gutscheinen
• Affiliate -Marketing mit Partnerprogramm

Installation

• git clone [email protected]:rwieruch/nextjs-firebase-authentication.git
• cd nextjs-firebase-authentication
• Siehe weitere Installationsanweisungen unten ...
• yarn install
• yarn run dev
• Besuchen Sie http: // localhost: 3000/

.Env -Datei

Erstellen Sie eine .env -Datei. Wenn Sie Git verwenden, fügen Sie es Ihrer .gitignore -Datei hinzu.

Die Werte können sich für Entwicklung und Produktion unterscheiden:

 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
  • Aktivieren Sie die E-Mail-/Passwort-Anmeldemethode für Ihr FireBase-Projekt
• Paypal
  • Kasse
• STREIFEN
  • Kasse
  • Webhook

.FirebaseServiceAccountKey.json -Datei

Besuchen Sie hier für Firebase Admin SDK und generieren Sie von dort aus eine FirebaseServiceAcountkey.json -Datei, die sich im Stammordner Ihres Projekts befinden sollte. Wenn Sie Git verwenden, fügen Sie es Ihrer .gitignore -Datei hinzu.

Admin -Konto

Wenn Sie ein Konto mit Firebase Admin -Ansprüchen haben möchten, erstellen Sie dieses Firebase -Konto zuerst über die Benutzeroberfläche, stellen Sie die uid des Benutzerkontos in .Env mit FIREBASE_ADMIN_UID ein und starten Sie Ihren Server neu.

Stripe CLI für Webhook im Entwicklungsmodus

Stripe Cli

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

Das secret kann in .Env verwendet werden:

 STRIPE_WEBHOOK_SECRET=secret

FACHSEN SIE GEMACHT eine Anfrage mit Stripe CLI stripe payment_intents create --amount=100 --currency=usd funktioniert. Stellen Sie sicher, dass die Anwendung auch ausgeführt wird. Oder verwenden Sie die Stripe Checkout -Funktion der Webanwendung für real.