gatsby-plugin-splitio

The plugin provides an easy integration for the React Client SDK of Split.io to use Feature Flags within GatsbyJS.

Installation

with yarn
yarn add gatsby-plugin-splitio

with npm
npm install --save gatsby-plugin-splitio

How to use the plugin

1. Get an account at Split.io
2. Get the authorizationKey in the app of Split.io
Admin Settings -> API Keys -> Javascript SDK (browser)
3. Get the key at
Admin Settings -> All Environments

Add the plugin with the respective options in your gatsby-config.js:

``javascript
module.exports = {
plugins: [
{
resolve: gatsby-plugin-splitio,
options: {
authorizationKey: ,
key: ,
},
},
],
}
`

Simple Example

Place the TestToggle component into your components directory and use it in one of your pages. Rename YOUR_FEATURE to one of the feature names you added to your Split account.

`jsx
// TestToggle.js
import React from 'react'
import { SplitTreatments } from 'gatsby-plugin-splitio'

const feature = 'YOUR_FEATURE'

const TestToggle = () => (

{({ treatments }) => {
const treatment = treatments[feature].treatment
return (
<>
{treatment === 'on' ? (

) : (

)}

)
}}

)

function VariantOne({ treatment, feature }) {
return (