Installation

// src/main.tsx
import { GatelyProvider } from '@gately/react'

function App() {
  return (
    <GatelyProvider apiKey={process.env.REACT_APP_GATELY_API_KEY}>
      <YourApp />
    </GatelyProvider>
  )
}

// app/components/providers.tsx
'use client'
import { GatelyProvider } from '@gately/nextjs'

export function Providers({ children }: { children: React.ReactNode }) {
  return (
    <GatelyProvider apiKey={process.env.NEXT_PUBLIC_GATELY_API_KEY!}>
      {children}
    </GatelyProvider>
  )
}

// app/layout.tsx
import { Providers } from './components/providers'

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>
        <Providers>{children}</Providers>
      </body>
    </html>
  )
}

import express from 'express'
import { gatelyMiddleware } from '@gately/nodejs/express'

const app = express()

app.use(gatelyMiddleware({
  apiKey: process.env.GATELY_API_KEY!
}))

import Fastify from 'fastify'
import { gatelyFastifyPlugin } from '@gately/nodejs/fastify'

const fastify = Fastify()

await fastify.register(gatelyFastifyPlugin, {
  apiKey: process.env.GATELY_API_KEY!
})

# React (.env)
REACT_APP_GATELY_API_KEY=your_api_key_here

# Next.js (.env.local)
NEXT_PUBLIC_GATELY_API_KEY=your_api_key_here

# Node.js (.env)
GATELY_API_KEY=your_api_key_here