Quickstart · Svelte

Utiliser Sonenta avec Svelte

Le SDK officiel @sonenta/svelte-i18n charge vos traductions publiées en direct depuis le CDN Sonenta, résolues par le même moteur partagé que les autres frameworks, donc les clés se comportent à l’identique entre React, Vue, Svelte et Next.js.

1 · Créez un projet et récupérez vos clés

Connectez-vous, créez un projet, copiez son UUID. Gérez clés et traductions depuis votre éditeur IA via MCP, la CLI, ou le dashboard.

Ouvrir le dashboard →

2 · Installez le SDK

npm i @sonenta/svelte-i18n i18next svelte

3 · Initialisez Sonenta

Branchez le SDK avec votre token de projet, votre UUID et vos namespaces. Les langues disponibles viennent du manifest CDN publié, donc pas de tableau locales. Il récupère les bundles publiés et les résout via le moteur partagé.

// src/lib/i18n.ts
import { createSonentaI18n } from "@sonenta/svelte-i18n";

export const i18n = createSonentaI18n({
  token: import.meta.env.VITE_SONENTA_TOKEN,
  projectUuid: "<your-project-uuid>",
  defaultLocale: "fr",
  namespaces: ["common"],
});

4 · Traduisez dans vos composants

Utilisez le binding natif du framework : votre appel de traduction habituel, propulsé par Sonenta :

<script>
  import { i18n } from "$lib/i18n";
  const { t, ready } = i18n; // Svelte stores, $-prefixed
</script>

{#if $ready}<h1>{$t("home.title")}</h1>{/if}

Gérez clés et traductions depuis votre éditeur : demandez à votre agent via le MCP Sonenta, ou la CLI. Aucune saisie manuelle de clés.

Modules complémentaires

Même famille de SDK, en natif pour le framework : @sonenta/realtime/svelte, @sonenta/in-context/svelte, @sonenta/feedback/svelte.