The config lives in your repo. Your agent does the setup.

import { init } from '@usercurrent/sdk-web';
import { renderSlot } from '@usercurrent/sdk-web/slots';

const uc = init({
  endpoint: 'https://events.example.com',
  key: 'pk_live_...',
  defaults: { upgrade_banner: { text: 'Compare plans.' } },
});

// Call from your consent UI, with the choices the visitor made
uc.setConsent({ analytics: true, personalization: true });

uc.identify('u_4821', { plan: 'trial' });
uc.track('pricing_page_viewed');

const banner = document.querySelector('#upgrade-banner');

// Fallback-first: the default renders at once, the decision replaces it only if it differs
renderSlot(uc, banner, 'upgrade_banner', (decision, el) => {
  el.textContent = String(decision.props.text);
});

import { createClient, visitorFromRequest } from '@usercurrent/sdk-server';

const uc = createClient({
  key: env.UC_PUBLIC_KEY,
  secretKey: env.UC_SECRET_KEY,
  edge: env.EDGE, // a service binding, or endpoint: 'https://events.example.com'
  defaults: { upgrade_banner: { text: 'Compare plans.' } },
});

export default {
  async fetch(request, env, ctx) {
    const visitor = visitorFromRequest(request);
    const { decisions } = await uc.decide(visitor, ['upgrade_banner']);
    uc.track(visitor, 'pricing_page_viewed');
    ctx.waitUntil(uc.flush());
    return render(decisions.upgrade_banner.props);
  },
};

// astro.config.mjs
import { defineConfig } from 'astro/config';
import usercurrent from '@usercurrent/astro';

export default defineConfig({
  integrations: [
    usercurrent({
      client: './src/lib/usercurrent.ts',
      slots: { home_hero: { fallback: { headline: 'Welcome' } } },
    }),
  ],
});

// src/pages/index.astro: the variant is in the first HTML, with no change after load
---
import { usercurrentOf } from '@usercurrent/astro/runtime';
const hero = await usercurrentOf(Astro).slot('home_hero');
---
<Hero {...hero.props} />