hajola / nextjs-firebase-authentication

⚠️ DEPRECATED! Example Next.js Firebase authentication application using iron session

⚠️⚠️⚠️⚠️⚠️ DEPRECATED ⚠️⚠️⚠️⚠️⚠️

PLEASE USE https://next-auth.js.org/

\

📟 Old stuff:

Example Nextjs Firebase authentication application using next-iron-session

Inspired by the with-iron-session example.

This example creates an authentication system that uses a signed and encrypted cookie to store session data. It relies on next-iron-session.

It uses current best practices for authentication in the Next.js ecosystem.

Features:

• Static Generation (SG), recommended example
• Server-side Rendering (SSR) example in case you need it
• Logged in status synchronized between browser windows/tabs using withUser hook and swr module
• Layout based on the user's logged-in/out status
• Session data is signed and encrypted in a cookie

next-iron-session also supports:

• Express / Connect middlewares
• Multiple encryption keys (password) to allow for seamless updates or just password rotation

---

How to use

Clone the example

Create two env files in the root folder: $ touch .env $ touch .env.build

.env: runtime environment variables .env.build: build step environment variables

Content of .env::

FIREBASE_API_KEY=XXXXXXX

FIREBASE_AUTH_DOMAIN=XXXXXXX.firebaseapp.com

FIREBASE_DATABASE_URL=https://XXXXXXX.firebaseio.com

FIREBASE_PROJECT_ID=XXXXXXX

FIREBASE_STORAGE_BUCKET=XXXXXXX.appspot.com

FIREBASE_MESSAGING_SENDER_ID=XXXXXXX

FIREBASE_APP_ID=1=XXXXXXX.web=XXXXXXX

FIREBASE_MEASUREMENT_ID=G=XXXXXXX

Content of .env.build::

FIREBASE_API_KEY=XXXXXXX

FIREBASE_AUTH_DOMAIN=XXXXXXX.firebaseapp.com

FIREBASE_DATABASE_URL=https://XXXXXXX.firebaseio.com

FIREBASE_PROJECT_ID=XXXXXXX

FIREBASE_STORAGE_BUCKET=XXXXXXX.appspot.com

FIREBASE_MESSAGING_SENDER_ID=XXXXXXX

FIREBASE_APP_ID=1=XXXXXXX.web=XXXXXXX

FIREBASE_MEASUREMENT_ID=G=XXXXXXX

FIREBASE_CLIENT_EMAIL=[e-mail]

FIREBASE_PRIVATE_KEY=XXXXXX

Install it and run:

npm install
npm run dev
# or
yarn
yarn dev

Deploy it to the cloud with Vercel (Documentation).