next firebase ssr

Next.js + Firebase + getServersideProps

Este proyecto demuestra cómo implementar la representación autenticada del lado del servidor con la autenticación Next.js y Firebase.

Actualización 19 de noviembre de 2020: Se ha solucionado un error donde los tokens Firebase expirarían después de una hora sin ser actualizado. Todos los tokens ahora son la fuerza renovada cada 10 minutos.

Actualización 9 de noviembre de 2020: Este repositorio se ha actualizado para usar la funcionalidad de redirección presentada en [email protected] . Actualmente debe estar en el lanzamiento de canary de Next para este enfoque para el trabajo ( yarn add next@canary ).

Versiones

• next@10
• react@17
• firebase@8
• [email protected]
• [email protected]

Documentación

Tutorial completo y documentación aquí: representación autenticada del lado del servidor con Next.js y Firebase.

Cómo usar

Para ejecutar este ejemplo:

• Clone the Repo: git clone [email protected]:vriad/next-firebase-ssr.git
• Navegue al directorio: cd next-firebase-ssr
• Dependencias de instalación: yarn
• Cree un proyecto de Firebase si aún no lo ha hecho. Asegúrese de entrar en la pestaña de autenticación en la consola, vaya a "Método de inicio de sesión" y habilite "Correo electrónico/contraseña"
• Agregue las credenciales de su cliente Firebase a firebaseClient.ts . Para obtenerlos, vaya a la consola Firebase> Abra su proyecto> Icono de engranajes> Configuración del proyecto> General> sus aplicaciones> Firebase SDK Fnippet> Haga clic en el botón de radio "Config"> Copiar/pegar.
• Agregue las credenciales de su cuenta de servicio (administrador) al proyecto. Para hacer esto, vaya a la consola Firebase> Abra su proyecto> Haga clic en el icono de engranajes> Configuración del proyecto> Cuentas de servicio> Haga clic en Node.js> Generar nueva clave privada. Abra el archivo JSON que descarga. Luego cree una copia de .env.local.example y cambie el nombre a .env.local . Este es el archivo donde pondrá sus credenciales secretas de Firebase. Copie/pegue los valores del archivo JSON de clave privada al nuevo archivo .env.local : privateKey se convierte en PRIVATE_KEY , project_id se convierte en PROJECT_ID y clientEmail se convierte en CLIENT_EMAIL .
• yarn dev
• Ir a localhost:3000