next firebase ssr

next.js + firebase + getServersideprops

该项目演示了如何使用Next.js和Firebase身份验证实现身份验证的服务器端渲染。

2020年11月19日更新：一个小时后未能刷新的firebase代币将过期的错误。现在，所有令牌都被强制每10分钟刷新一次。

更新2020年11月9日：此存储库已更新以使用[email protected]中介绍的重定向功能。当前，您必须使用此方法的下一个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