Find file History
Pull request Compare This branch is 8 commits ahead, 378 commits behind canary.
mherodev and timneutkens #4751 - Explicitly mention install when cloning examples (#4758)
Preferably this installation wouldn't be necessary, but in lieu of a fix...

Latest commit 5b3578e Jul 11, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.
credentials Upgrade standard.js (#4064) Mar 27, 2018
pages Upgrade standard.js (#4064) Mar 27, 2018 #4751 - Explicitly mention install when cloning examples (#4758) Jul 11, 2018
package.json Upgrade Firebase and Firebase-Admin (#3786) Feb 16, 2018
server.js Upgrade standard.js (#4064) Mar 27, 2018

Deploy to now

With Firebase Authentication example

How to use

Using create-next-app

Execute create-next-app with Yarn or npx to bootstrap the example:

npx create-next-app --example with-firebase-authentication with-firebase-authentication-app
# or
yarn create next-app --example with-firebase-authentication with-firebase-authentication-app

Download manually

Download the example:

curl | tar -xz --strip=2 next.js-canary/examples/with-firebase-authentication
cd with-firebase-authentication

Set up firebase:

  • Create a project at the Firebase console.
  • Get your account credentials from the Firebase console at settings>service accounts, where you can click on generate new private key and download the credentials as a json file. It will contain keys such as project_id, client_email and client id. Now copy them into your project in the credentials/server.js file.
  • Get your authentication credentials from the Firebase console under authentication>users>web setup. It will include keys like apiKey, authDomain and databaseUrl and it goes into your project in credentials/client.js.
  • Copy the databaseUrl key you got in the last step into server.js in the corresponding line.
  • Back at the Firebase web console, go to authentication>signup method and select Google.

Install it and run:

npm install
npm run dev
# or
yarn dev

Deploy it to the cloud with now (download)


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.