nextjs firebase authentication

Mi plataforma de curso

• Manifestación
• Hilo en "Lo que entró en este proyecto"

Administración de usuarios del lado del servidor con

• Graphql (tutorial) y Firebase (tutorial)
  • Iniciar sesión
  • Inscribirse
  • Desconectar
  • Cambio de correo electrónico
  • Cambio de contraseña
  • Restablecer la contraseña

Rutas protegidas con el cliente y del lado del servidor con

• Next.js Autorización y sesión de Firebase

Pagar con

• Raya
• Paypal

Estilo con

• Diseño de hormigas
• Componentes de estilo (tutorial)
• Transiciones de página

Tipo de soporte con

• Mecanografiado

Base de código probada con

• Jest (tutorial)
• Biblioteca de pruebas reaccionadas
• Apolo simulacros

Variables de entorno con

• Dotenv

Importaciones absolutas con

• Resolver del módulo Babel (tutorial)

Centinela

Más características

• Descuentos con cupones
• Marketing de afiliación con programa de socios

Instalación

• git clone [email protected]:rwieruch/nextjs-firebase-authentication.git
• cd nextjs-firebase-authentication
• Consulte otras instrucciones de instalación a continuación ...
• yarn install
• yarn run dev
• Visite http: // localhost: 3000/

.env archivo

Crear un archivo .env . Si usa Git, agrégalo a su archivo .Gitignore .

Los valores pueden diferir para el desarrollo y la producción:

 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
  • Active el método de inicio de sesión de correo electrónico/contraseña para su proyecto Firebase
• Paypal
  • Verificar
• RAYA
  • Verificar
  • Webhook

.FireBasserviceAcCountkey.json Archivo

Visite aquí para Firebase Admin SDK y genere un archivo FirebaseserviceAccountkey.json desde allí que debería estar en la carpeta raíz de su proyecto. Si usa Git, agrégalo a su archivo .Gitignore .

Cuenta de administración

Si desea tener una cuenta con reclamos de administrador de Firebase, cree esta cuenta de Firebase primero a través de la interfaz de usuario, luego configure el uid de la cuenta de usuario en .env con FIREBASE_ADMIN_UID y reinicie su servidor.

Stripe CLI para webhook en modo de desarrollo

Cli de rayas

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

El secret se puede usar en .env :

 STRIPE_WEBHOOK_SECRET=secret

Luego fingir una solicitud con Stripe CLI stripe payment_intents create --amount=100 --currency=usd funcionará. Asegúrese de que la aplicación también se esté ejecutando. O use la función de pago de rayos de la aplicación web para reales.