next.js/examples/with-firebase-authentication

With Firebase Authentication example

How to use

Using create-next-app

Download create-next-app to bootstrap the example:

npm i -g create-next-app
create-next-app --example with-firebase-authentication with-firebase-authentication-app

Download manually

Download the example or clone the repo:

curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-firebase-authentication
cd with-firebase-authentication

Set up firebase:

• create a project
• get your service account credentials and client credentials and set both in firebaseCredentials.js
• set your firebase database url in server.js
• on the firebase Authentication console, select Google as your provider

Install it and run:

npm install
npm run dev

Deploy it to the cloud with now (download)

now

The idea behind the example

The goal is to authenticate users with firebase and store their auth token in sessions. A logged in user will see their messages on page load and then be able to post new messages.