Skip to main content

Svelte SDK

The official Svelte SDK for Replane. Provides reactive stores and context for Svelte and SvelteKit applications.

Installation​

npm install @replanejs/svelte

Quick start​

<script>
  import { ReplaneContext, Replane } from '@replanejs/svelte';

  const client = new Replane();
  await client.connect({
    baseUrl: 'https://replane.example.com',
    sdkKey: 'your-sdk-key',
  });
</script>

<ReplaneContext {client}>
  <MyComponent />
</ReplaneContext>
<!-- MyComponent.svelte -->
<script>
  import { config } from '@replanejs/svelte'

  const feature = config<boolean>('feature-flag-name')
</script>

{#if $feature}
  <p>Feature is enabled!</p>
{:else}
  <p>Feature is disabled</p>
{/if}

Features​

  • Reactive stores — Svelte-native reactivity with $ syntax
  • Automatic updates — Stores update when configs change
  • SvelteKit SSR — Server-side rendering with snapshots
  • Type-safe — Full TypeScript support with typed stores

Next steps​