next firebase ssr

next.js + firebase + getServersideprops

該項目演示瞭如何使用Next.js和Firebase身份驗證實現身份驗證的服務器端渲染。

2020年11月19日更新：一個小時後未能刷新的firebase代幣將過期的錯誤。現在，所有令牌都被強制每10分鐘刷新一次。

更新2020年11月9日：此存儲庫已更新以使用[email protected]中介紹的重定向功能。當前，您必須使用此方法的下一個加那利發布（ Yarn canary yarn add next@canary ）。

版本

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

文件

在此處進行完整的演練和文檔：使用Next.js和Firebase進行身份驗證的服務器端渲染。

如何使用

運行此示例：

• 克隆回購： git clone [email protected]:vriad/next-firebase-ssr.git
• 導航到目錄： cd next-firebase-ssr
• 安裝依賴項： yarn
• 如果還沒有，請創建一個Firebase項目。確保進入控制台中的“身份驗證”選項卡，轉到“登錄方法”，然後啟用“電子郵件/密碼”
• 將您的Firebase客戶端憑據添加到firebaseClient.ts 。要獲取這些內容，請轉到Firebase控制台>打開項目>齒輪圖標>項目設置>常規>您的應用程序> firebase SDK片段>單擊“ config”無線電按鈕>複製/粘貼。
• 將您的服務帳戶（Admin）憑據添加到項目中。為此，請轉到Firebase Console>“打開您的項目”>單擊“齒輪圖標”>“項目設置”>“服務帳戶”>單擊Node.js>生成新的專用密鑰。打開下載的JSON文件。然後創建.env.local.example的副本，然後將其重命名為.env.local 。這是您將秘密Firebase憑據放置的文件。複製/粘貼從私有密鑰json文件的值轉到新的.env.local文件： privateKey PRIVATE_KEY ， project_id將變為PROJECT_ID ， clientEmail CLIENT_EMAIL '''''''
• 運行yarn dev
• 轉到localhost:3000