πŸ‘€ See Sanity in action: Watch product demo now β†’

Is there a Better Way to Pass My ProjectId and Dataset in a Secure Way?

2 replies
Last updated: Apr 24, 2020
Is there a better way to pass my projectId and dataset in a secure way to my code? This is using block-content-to-react.
    <PortableText blocks={post._rawDescription} projectId={"abc123"} dataset={"myCoolDataset"} />
Apr 24, 2020, 2:30 PM
You could create a config-file with environment variables, which is imported into this file, and spread it.config.js (copied from my gatsby project)

module.exports = {
  sanity: {
    projectId: process.env.GATSBY_SANITY_PROJECT_ID || 'default',
    dataset: process.env.GATSBY_SANITY_DATASET || 'production'
  }
}
and then in your Portable text file:

import clientConfig from 'client-config';

...

<PortableText {...clientConfig} .../>
Apr 24, 2020, 2:38 PM
Just keep in mind that project IDs and datasets are not considered "secret". You probably want to make sure they are easy to replace if you want to switch to a different dataset, for instance, but the security shouldn't be in not knowing those IDs πŸ™‚
Apr 24, 2020, 8:16 PM

Sanity.io – build remarkable experiences at scale

Sanity is a customizable solution that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.