Remove dotenv from with-firebase example (#15743 )

Remove the dotenv dependency from all examples (in favor of environment support): #15225

All variables are exposed to the client. This Example does not use firebase-admin.

2020-08-04 16:26:13 +00:00

1.8 KiB

Raw Blame History

Firebase Example

This is a simple set up for Firebase for client side applications.

The firebase app is initialized in firebase/clientApp.js, to use you just have to import it anywhere in the app

The React Context API is used to provide user state.

Deploy your own

Deploy the example using Vercel:

How to use

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

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

Configuration

Create a Firebase project and add a new app to it.
Create a .env.local file and copy the contents of .env.local.example into it:

cp .env.local.example .env.local

Set each variable on .env.local with your Firebase Configuration (found in "Project settings").

Deploy on Vercel

You can deploy this app to the cloud with Vercel (Documentation).

Deploy Your Local Project

To deploy your local project to Vercel, push it to GitHub/GitLab/Bitbucket and import to Vercel.

Important: When you import your project on Vercel, make sure to click on Environment Variables and set them to match your .env.local file.

1.8 KiB Raw Blame History