careful-oyster-228
06/12/2023, 2:28 PMfresh-football-47124
careful-oyster-228
06/12/2023, 5:49 PMfresh-football-47124
careful-oyster-228
06/12/2023, 5:50 PMfresh-football-47124
careful-oyster-228
06/12/2023, 5:50 PMfresh-football-47124
careful-oyster-228
06/12/2023, 5:51 PMfresh-football-47124
careful-oyster-228
06/12/2023, 5:54 PMfresh-football-47124
careful-oyster-228
06/12/2023, 5:55 PMfresh-football-47124
careful-oyster-228
06/12/2023, 5:55 PMfresh-football-47124
careful-oyster-228
06/12/2023, 5:56 PMfresh-football-47124
careful-oyster-228
06/12/2023, 5:57 PMhappy-autumn-40938
06/12/2023, 6:03 PMcareful-oyster-228
06/12/2023, 8:47 PMfresh-football-47124
careful-oyster-228
06/12/2023, 8:52 PMhappy-autumn-40938
06/12/2023, 8:56 PMcareful-oyster-228
06/12/2023, 8:57 PMhappy-autumn-40938
06/12/2023, 8:58 PMcareful-oyster-228
06/12/2023, 8:58 PMhappy-autumn-40938
06/12/2023, 9:04 PM<script id="growthbook_data" type="application/json">
... JSON encoded flags
</script>
Then your frontend, have your SDK instance(s) hydrate:
const gbdata = JSON.parse( document.querySelector("#growthbook_data") );
const gb = new GrowthBook({
constructor_properties...,
features: gbdata
})
careful-oyster-228
06/12/2023, 9:13 PMhappy-autumn-40938
06/12/2023, 9:13 PMcareful-oyster-228
06/12/2023, 9:13 PMhappy-autumn-40938
06/12/2023, 9:15 PMcareful-oyster-228
06/12/2023, 9:15 PMhappy-autumn-40938
06/12/2023, 9:16 PMcareful-oyster-228
06/12/2023, 9:16 PMhappy-autumn-40938
06/12/2023, 9:17 PMcareful-oyster-228
06/12/2023, 9:17 PMhappy-autumn-40938
06/12/2023, 9:18 PMwindow.gb = new window.growthbook.GrowthBook({
apiHost: "<https://cdn.growthbook.io>",
clientKey: "xxxxxxx",
features: JSON payload...
});
careful-oyster-228
06/12/2023, 9:21 PMhappy-autumn-40938
06/12/2023, 9:21 PMcareful-oyster-228
06/12/2023, 9:22 PMhappy-autumn-40938
06/12/2023, 9:23 PMcareful-oyster-228
06/12/2023, 9:24 PMhappy-autumn-40938
06/12/2023, 9:37 PMcareful-oyster-228
06/12/2023, 9:38 PMhappy-autumn-40938
06/12/2023, 9:55 PMcareful-oyster-228
06/12/2023, 9:56 PM