# General Translation React SDKs (gt-react, gt-next, gt-react-native): Utiliser les fonctions serveur
URL: https://generaltranslation.com/fr/docs/react/tanstack-start/using-server-functions.mdx
---

title: Utiliser les fonctions serveur
description: Comment traduire des chaînes de caractères et lire l’état de la requête avec General Translation dans les fonctions serveur TanStack Start.

---

Le point d’entrée `gt-tanstack-start/server` fournit des utilitaires de traduction au niveau de la requête pour les loaders, les fonctions serveur et les métadonnées générées côté serveur.

## Avant de commencer [#before-start]

Effectuez la [configuration de TanStack Start](/docs/react/tanstack-start/setup). Vous devez enregistrer [`gtMiddleware`](/docs/react/tanstack-start/reference/functions/gt-middleware) globalement et appeler [`initializeGT`](/docs/react/reference/config#initialize) avant que le middleware ne traite une requête.

Les utilitaires serveur lèvent une exception lorsqu'ils sont appelés en dehors d'une requête middleware active.

## Traduire dans une fonction serveur [#translate]

Créez une fonction serveur TanStack Start, puis appelez [`getGT`](/docs/react/tanstack-start/reference/functions/get-gt) dans son gestionnaire. Utilisez [`getLocale`](/docs/react/tanstack-start/reference/functions/get-locale) et [`getEnableI18n`](/docs/react/tanstack-start/reference/functions/get-enable-i18n) si la réponse doit également utiliser l’état de la requête.

```tsx title="src/routes/account.tsx"
import { createFileRoute } from '@tanstack/react-router';
import { createServerFn } from '@tanstack/react-start';
import {
  getEnableI18n,
  getGT,
  getLocale,
} from 'gt-tanstack-start/server';

const loadAccount = createServerFn({ method: 'GET' }).handler(async () => {
  const gt = await getGT();

  return {
    locale: getLocale(),
    enableI18n: getEnableI18n(),
    title: gt('Account'),
  };
});

export const Route = createFileRoute('/account')({
  loader: () => loadAccount(),
  head: ({ loaderData }) => ({
    meta: [{ title: loaderData?.title }],
  }),
  component: Account,
});

function Account() {
  const data = Route.useLoaderData();
  return <h1>{data.title}</h1>;
}
```

TanStack Start exécute le gestionnaire dans le contexte du middleware de requête. Chaque requête reçoit son propre paramètre régional et sa propre configuration d’internationalisation, y compris pendant le rendu serveur concurrent.

## Traduire les messages enregistrés et les dictionnaires [#messages]

Utilisez [`getMessages`](/docs/react/tanstack-start/reference/functions/get-messages) pour les chaînes enregistrées avec [`msg`](/docs/react/reference/functions/msg). Utilisez [`getTranslations`](/docs/react/tanstack-start/reference/functions/get-translations) pour les entrées du dictionnaire.

```ts
import { createServerFn } from '@tanstack/react-start';
import { msg } from 'gt-tanstack-start';
import {
  getMessages,
  getTranslations,
} from 'gt-tanstack-start/server';

const status = msg('Ready');

export const loadCopy = createServerFn({ method: 'GET' }).handler(async () => {
  const m = await getMessages();
  const t = await getTranslations('account');

  return {
    status: m(status),
    heading: t('heading'),
  };
});
```