nextjs firebase authentication

Platform kursus saya

• Demo
• Utas "Apa yang masuk ke proyek ini"

Manajemen pengguna sisi server dengan

• GraphQL (Tutorial) dan Firebase (Tutorial)
  • Masuk
  • Mendaftar
  • Keluar
  • Perubahan Email
  • Perubahan kata sandi
  • Reset Kata Sandi

Rute yang dilindungi oleh klien dan server

• Sesi Otorisasi dan Firebase Next.js

Pembayaran dengan

• Garis
• Paypal

Gaya dengan

• Desain semut
• Komponen gaya (tutorial)
• Transisi halaman

Ketik dukungan dengan

• Naskah

Basis kode yang diuji dengan

• Jest (tutorial)
• Perpustakaan pengujian bereaksi
• Apollo Mocks

Variabel lingkungan dengan

• Dotenv

Impor absolut dengan

• Resolver Modul Babel (Tutorial)

Penjaga

Lebih banyak fitur

• Diskon dengan kupon
• Pemasaran Afiliasi dengan Program Mitra

Instalasi

• git clone [email protected]:rwieruch/nextjs-firebase-authentication.git
• cd nextjs-firebase-authentication
• Lihat instruksi instalasi lainnya di bawah ini ...
• yarn install
• yarn run dev
• Kunjungi http: // localhost: 3000/

file .env

Buat file .env . Jika menggunakan git, tambahkan ke file .gitignore Anda.

Nilai mungkin berbeda untuk pengembangan dan produksi:

 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
  • Aktifkan Metode Masuk Email/Kata Sandi untuk Proyek Firebase Anda
• Paypal
  • Check-out
• GARIS
  • Check-out
  • Webhook

.FireBaseServiceAccountKey.JSON file

Kunjungi di sini untuk Firebase Admin SDK dan hasilkan file FirebaseServiceAccountKey.json dari sana yang seharusnya ada di folder root proyek Anda. Jika menggunakan git, tambahkan ke file .gitignore Anda.

Akun Admin

Jika Anda ingin memiliki akun dengan klaim admin firebase, buat akun Firebase ini terlebih dahulu melalui UI, lalu atur uid akun pengguna di .env dengan FIREBASE_ADMIN_UID , dan restart server Anda.

Stripe cli untuk webhook dalam mode pengembangan

Stripe cli

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

secret dapat digunakan dalam .env :

 STRIPE_WEBHOOK_SECRET=secret

Kemudian memalsukan permintaan dengan stripe stripe payment_intents create --amount=100 --currency=usd akan berfungsi. Pastikan aplikasi juga berjalan. Atau gunakan fitur checkout stripe aplikasi web secara nyata.