next firebase ssr

Next.js + Firebase + GeterverSideProps

Этот проект демонстрирует, как реализовать аутентифицированную рендеринг на стороне сервера с помощью аутентификации Next.js и Firebase.

Обновление 19 ноября 2020 года. Была исправлена ошибка, когда же токены Firebase истекают через час, не будучи обновленным. Все жетоны теперь насильственны каждые 10 минут.

Обновление 9 ноября 2020 года. Этот репо был обновлен для использования функциональности перенаправления, представленной по [email protected] . В настоящее время вы должны быть в canary выпуске Next для этого подхода к работе ( yarn add next@canary ).

Версии

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

Документация

Полное прохождение и документация здесь: аутентифицированный рендеринг на стороне сервера с помощью next.js и Firebase.

Как использовать

Чтобы запустить этот пример:

• Clone the Repo: git clone [email protected]:vriad/next-firebase-ssr.git
• Перейдите в каталог: cd next-firebase-ssr
• Установить зависимости: yarn
• Создайте проект Firebase, если вы еще этого не сделали. Убедитесь, что вы заходите на вкладку аутентификации в консоли, перейдите на «Метод входа» и включите «электронную почту/пароль»
• Добавьте свои учетные данные клиента Firebase в firebaseClient.ts . Чтобы получить их, перейдите в консоль Firebase> Откройте свой проект> Значок Gear> Настройки проекта> General> Ваши приложения> Firebase SDK Snippet> Нажмите радиопроизводительность «config»> «Копировать/вставить».
• Добавьте в проект учетные данные для учетной записи (администратора). Для этого перейдите в консоль Firebase> Откройте свой проект> Нажмите значок Gear> Настройки проекта> Сервисные учетные записи> Нажмите Node.js> Сгенерировать новый закрытый ключ. Откройте файл JSON, который загружается. Затем создайте копию .env.local.example и переименовать ее в .env.local . Это файл, в котором вы поместите свои секретные учетные данные Firebase. Скопируйте/вставьте значения из файла JSON Private Key в новый файл .env.local : privateKey становится PRIVATE_KEY , project_id становится PROJECT_ID , а clientEmail становится CLIENT_EMAIL .
• Запустить yarn dev
• Перейти в localhost:3000