Configuration

import { GatelyClient } from '@gately/sdk'

const gately = new GatelyClient({
  // Required: Your API key
  apiKey: 'gately_pk_live_xxxxxxxx',
  
  // Optional configuration
  apiUrl: 'https://api.usegately.com',
  autoRefresh: true,
  suppressConsoleErrors: false
})

const gately = new GatelyClient({
  apiKey: 'gately_pk_live_xxxxxxxx'
})

const gately = new GatelyClient({
  apiKey: 'gately_pk_live_xxxxxxxx',
  apiUrl: 'https://your-custom-domain.com'
})

const gately = new GatelyClient({
  apiKey: 'gately_pk_live_xxxxxxxx',
  autoRefresh: true // Enabled by default
})

const gately = new GatelyClient({
  apiKey: 'gately_pk_live_xxxxxxxx',
  suppressConsoleErrors: true // Useful in production
})

import { GatelyProvider } from '@gately/sdk'

function App() {
  return (
    <GatelyProvider 
      apiKey={process.env.NEXT_PUBLIC_GATELY_API_KEY}
      options={{
        autoRefresh: true,
        suppressConsoleErrors: process.env.NODE_ENV === 'production'
      }}
    >
      <YourApp />
    </GatelyProvider>
  )
}

<script 
  src="https://cdn.usegately.com/gately.min.js" 
  data-api-key="YOUR_API_KEY"
  data-api-url="https://api.usegately.com"
  data-auto-refresh="true"
  data-auto-protect="true"
  defer
></script>

const config = {
  development: {
    apiKey: process.env.GATELY_API_KEY_DEV,
    apiUrl: 'http://localhost:8787',
    suppressConsoleErrors: false
  },
  production: {
    apiKey: process.env.GATELY_API_KEY,
    apiUrl: 'https://api.usegately.com',
    suppressConsoleErrors: true
  }
}

const env = process.env.NODE_ENV || 'development'

const gately = new GatelyClient(config[env])

import { GatelyNodeClient } from '@gately/sdk/node'

const gately = new GatelyNodeClient({
  apiKey: process.env.GATELY_SECRET_KEY // gately_sk_live_xxxxxxxx
})

// In browser console
localStorage.setItem('gately_debug', 'true')

// Then reload the page
location.reload()

localStorage.removeItem('gately_debug')
location.reload()