Giter VIP home page Giter VIP logo

starter-firebase-nextjs's Introduction

@template/starter-firebase-nextjs

Forked from @jthegedus/firebase-gcp-examples and adapted for personal taste.

Quickstart

To use this template, click "Use Template" at the top of the page. This will guide you through generating a new repository with this as a base. Next, head over to Firebase and create a new project to host your site. Take note of the project id. Finally, clone your newly generated repository and run these commands (as applicable) from the project root:

yarn setup                  # setup environment variables and CI/CD
yarn dev                    # start live dev server
yarn preview:staging        # staging preview
yarn preview:production     # production preview
yarn deploy:staging         # publish to staging Firebase project
yarn deploy:production      # publish to production Firebase project

Manual Environment Setup:

If you are unable to use the automated setup script, you can still manually create the following .env file to setup your project:

// .env
STATIC_PROD_PROJECT=...     // production Firebase project-id
STATIC_PROD_WEBAPP_KEY=...  // from firebase console
STATIC_STAGE_PROJECT=...    // (optional) staging Firebase project-id
STATIC_STAGE_WEBAPP_KEY=... // (optional) from firebase console
STATIC_DEPLOY_KEY=...       // from yarn firebase login:ci

For CI/CD with TravisCI, you will need to do the following:

  1. Authorize TravisCI and enable on repository (if applicable).
  2. Add environment variables in your repository settings on TravisCI for the each of the variables in your .env file.

Syncing upstream changes from this template

If you would like to keep your template instance up-to-date with this source repository, you can do the following to select and apply updates:

yarn update

This will allow you to apply all necessary, tested, non-breaking patches and changes.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.