Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

gatsby-source-remote-config npm node

Gatsby plugin for connecting Firebase Remote Config as a data source.


  1. Generate and download a Firebase Admin SDK private key by accessing the Firebase Project Console > Settings > Service Accounts

  2. Rename and put the downloaded .json crendtial file somewhere in the GatsbyJS project (e.g. ./credentials.json)

  3. Add gatsby-source-remote-config as a dependency by running using npm or yarn:

    npm i @mstoduto/gatsby-source-remote-config
    # or
    yarn add @mstoduto/gatsby-source-remote-config
  4. Configure settings at gatsby-config.js, for example:

module.exports = {
    plugins: [
            resolve: `@mstoduto/gatsby-source-remote-config`,
            options: {
                // credential or appConfig
                credential: require(`./credentials.json`),
                appConfig: {
                    apiKey: 'api-key',
                    authDomain: 'project-id.firebaseapp.com',
                    databaseURL: 'https://project-id.firebaseio.com',
                    projectId: 'project-id',
                    storageBucket: 'project-id.appspot.com',
                    messagingSenderId: 'sender-id',
                    appID: 'app-id',
                parameterGroup: "website",
                fields: [


  allRemoteConfigParam {
    nodes {
      value {
        array {


Key Description
credential Credential configurations from downloaded private key
fields Array of fields to get from remote config
appConfig Credential configurations defined inside object
parameterGroup Name of the parameterGroup to use, if none only main folder parameters are shown
© 2023 Gatsby, Inc.