.env · generator · Firebase

Firebase .env Generator

Firebase has two halves: the public client config (safe in the browser) and the Admin SDK service account (server-only). This generator keeps them separated with the right NEXT_PUBLIC_ prefixes so you don't leak admin credentials.

.env for Firebase · 9 keys

Customize →

NEXT_PUBLIC_FIREBASE_API_KEY=
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
NEXT_PUBLIC_FIREBASE_PROJECT_ID=
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=
NEXT_PUBLIC_FIREBASE_APP_ID=
FIREBASE_ADMIN_PROJECT_ID=
FIREBASE_ADMIN_CLIENT_EMAIL=
FIREBASE_ADMIN_PRIVATE_KEY=

Secrets regenerate on every page load. Want to combine stacks (e.g., Next.js + Stripe + Supabase)? Use the full generator.

How to use this .env in Firebase

1.Grab your client config from Firebase Console → Project Settings → General.
2.Grab the Admin SDK service account from Firebase Console → Project Settings → Service Accounts → Generate new private key.
3.Paste the two blocks into .env or .env.local.
4.FIREBASE_ADMIN_PRIVATE_KEY usually contains newlines — wrap in double quotes and keep \n escapes.

Gotchas

⚠The private key contains literal \n sequences — JSON.parse the wrapped version at runtime, or replace(/\\n/g, '\n') before passing to cert().
⚠NEXT_PUBLIC_FIREBASE_API_KEY being exposed is fine — it's not a secret, it identifies the project.
⚠Enable App Check in production to stop abuse since the client key is public.