Skip to content

Latest commit

 

History

History
48 lines (32 loc) · 1.53 KB

File metadata and controls

48 lines (32 loc) · 1.53 KB

With Firebase Client-Side

This is a simple set up for Firebase on the client side. It uses React Context to store some data about the state of your Firebase app. It's all client side, so no custom server.

Deploy your own

Deploy the example using ZEIT Now:

Deploy with ZEIT Now

How to use

Using create-next-app

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

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

Download manually

Download the example:

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

Install it and run:

npm install
npm run dev
# or
yarn
yarn dev

Setting up Firebase

  • Create a Firebase project.
  • Fill in your credentials at /credentials/client
  • Done!

Deploy it to the cloud with ZEIT Now (Documentation).