next firebase ssr

Next.js + Firebase + GetServersIDEPROPS

Ce projet montre comment implémenter le rendu authentifié côté serveur avec l'authentification suivante.js et Firebase.

Mise à jour le 19 novembre 2020: un bogue a été corrigé où les jetons de base de feu expireraient après une heure sans être rafraîchi. Tous les jetons sont désormais rafraîchis toutes les 10 minutes.

Mise à jour du 9 novembre 2020: ce dépôt a été mis à jour pour utiliser la fonctionnalité de redirection introduite à [email protected] . Actuellement, vous devez être sur la version canary de Next pour cette approche de travail ( yarn add next@canary ).

Versions

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

Documentation

Procédure pas à pas complète ici: rendu authentifié côté serveur avec Next.js et Firebase.

Comment utiliser

Pour exécuter cet exemple:

• Clone the Repo: git clone [email protected]:vriad/next-firebase-ssr.git
• Naviguez dans le répertoire: cd next-firebase-ssr
• Installer les dépendances: yarn
• Créez un projet Firebase si vous ne l'avez pas déjà fait. Assurez-vous d'entrer dans l'onglet Authentification de la console, accédez à "Méthode de connexion" et activez "Email / Mot de passe"
• Ajoutez vos informations d'identification du client Firebase à firebaseClient.ts . Pour les obtenir, accédez à la console Firebase> Ouvrez votre projet> Icône Gear> Paramètres du projet> Général> Vos applications> Extrait SDK Firebase> Cliquez sur le bouton "Config" Radio> Copier / coller.
• Ajoutez les informations d'identification de votre compte de service (ADMIN) au projet. Pour ce faire, accédez à la console Firebase> Ouvrez votre projet> Cliquez sur l'icône Gear> Paramètres du projet> Comptes de service> Cliquez sur Node.js> Générer une nouvelle clé privée. Ouvrez le fichier JSON qui télécharge. Créez ensuite une copie de .env.local.example et renommez-le à .env.local . Ceci est le fichier où vous metterez vos informations d'identification secrètes de base de feu. Copiez / collez les valeurs du fichier JSON de la clé privée vers le nouveau fichier .env.local : privateKey devient PRIVATE_KEY , project_id devient PROJECT_ID et clientEmail devient CLIENT_EMAIL .
• Exécuter yarn dev
• Aller à localhost:3000