nextjs firebase authentication

Minha plataforma de curso

• Demonstração
• Thread em "O que foi nesse projeto"

Gerenciamento de usuários do lado do servidor com

• GraphQL (tutorial) e Firebase (tutorial)
  • Entrar
  • Inscrever-se
  • Sair
  • Alteração de email
  • Alteração de senha
  • Redefinição de senha

Rotas protegidas do cliente e do servidor com

• Autorização Next.JS Autorização e Firebase

Pagamento com

• Listra
• PayPal

Estilando com

• Projeto de formiga
• Componentes com estilo (tutorial)
• Transições de página

Tipo de suporte com

• TypeScript

Base de código testada com

• Jest (tutorial)
• React Testing Library
• Apollo zomba

Variáveis de ambiente com

• Dotenv

Importações absolutas com

• Resolver do módulo Babel (tutorial)

Sentinela

Mais recursos

• Descontos com cupons
• Marketing de afiliados com programa de parceiro

Instalação

• git clone [email protected]:rwieruch/nextjs-firebase-authentication.git
• cd nextjs-firebase-authentication
• Veja outras instruções de instalação abaixo ...
• yarn install
• yarn run dev
• Visite http: // localhost: 3000/

.env arquivo

Crie um arquivo .env . Se estiver usando o Git, adicione -o ao seu arquivo .gitignore .

Os valores podem diferir para o desenvolvimento e produção:

 BASE_URL=http://localhost:3000

FIREBASE_API_KEY=
FIREBASE_AUTH_DOMAIN=
FIREBASE_DATABASE_URL=
FIREBASE_PROJECT_ID=
FIREBASE_STORAGE_BUCKET=
FIREBASE_MESSAGING_SENDER_ID=
FIREBASE_APP_ID=

PAYPAL_CLIENT_ID=
PAYPAL_CLIENT_SECRET=

STRIPE_CLIENT_ID=
STRIPE_CLIENT_SECRET=
STRIPE_WEBHOOK_SECRET=

COUPON_SALT=
COUPON_URL=
FIREBASE_ADMIN_UID=

SENTRY_DSN=

REVUE_TOKEN=

SLACK_TOKEN=

CONVERTKIT_API_KEY=
CONVERTKIT_FORM_ID=

S3_ENDPOINT=
S3_ACCESS_KEY_ID=
S3_SECRET_ACCESS_KEY=
S3_BUCKET=

DATABASE_TYPE=
DATABASE_HOST=
DATABASE_PORT=
DATABASE_USERNAME=
DATABASE_PASSWORD=
DATABASE_NAME=
DATABASE_SSL_CERTIFICATE=

• Firebase
  • Ative o método de inscrição em email/senha para o seu projeto Firebase
• PayPal
  • Confira
• LISTRA
  • Confira
  • Webhook

.FireBaseServiceAcCountKey.json Arquivo

Visite aqui para o Firebase Admin SDK e gerar um arquivo FireBaseServiceAcCountKey.json a partir daí, que deve estar na pasta raiz do seu projeto. Se estiver usando o Git, adicione -o ao seu arquivo .gitignore .

Conta de administrador

Se você deseja ter uma conta com reivindicações de administrador do Firebase, crie esta conta Firebase primeiro via interface do usuário e defina o uid da conta de usuário no .env com FIREBASE_ADMIN_UID e reinicie seu servidor.

CLI de faixa para webhook no modo de desenvolvimento

LIVRA CLI

 stripe login
# follow instructions
stripe listen --forward-to localhost:3000/api/stripe-webhook
# copy and paste secret

O secret pode ser usado em .env :

 STRIPE_WEBHOOK_SECRET=secret

Em seguida, finge uma solicitação com stripe payment_intents create --amount=100 --currency=usd funcionará. Verifique se o aplicativo também está em execução. Ou use o recurso de checkout de faixas do aplicativo da web de verdade.