Mga pangunahing konsepto

May ilang bagay na may matibay na pananaw ang 18ways. Kapag malinaw na ang mga ito, diretso na ang natitirang bahagi ng API surface.

Batayang lokal

Ang iyong baseLocale ay ang wika kung saan ka nagsusulat.

Kung nakasulat sa British English ang text ng iyong produkto, ang base locale mo ay en-GB. Kung nakasulat ito sa American English, ang base locale mo ay en-US.

Kapag tumutugma ang kasalukuyang locale sa base locale, agad na ibinabalik ng 18ways ang source text at nilalaktawan ang trabaho sa pagsasalin.

Target na lokasyon

Ang target na locale mo ay ang wikang kasalukuyang binabasa ng user.

In Next.js, the adapter can resolve it from middleware, cookies, the pathname, and browser preferences.

Mga Konteksto

Ang mga Context ay kung paano pinagsasama-sama ng 18ways ang magkakaugnay na kopya.

Gamitin ang mga ito para mapanatiling maliit ang mga kahilingan sa pagsasalin at upang maiwasan ang paghahalo-halo ng mga tekstong hindi magkakaugnay.

'use client';
 
import { Ways } from '@18ways/react';
 
export function MarketingPage() {
  return (
    <Ways context="marketing">
      <Ways context="hero">
        <Hero />
      </Ways>
      <Ways context="pricing">
        <Pricing />
      </Ways>
    </Ways>
  );
}

Ang mga nested na Ways scope ay pinagsasama sa iisang context path. Ang marketing plus hero ay nagiging marketing.hero.

Mga tanggap na locale

Ipinag-iiba ng 18ways ang pagitan ng:

• isang locale na makikilala nito, tulad ng fr-FR
• isang locale na talagang tinatanggap ng iyong proyekto

Maaaring kunin ng runtime ang listahan ng mga tinatanggap na locale mula sa API, pagkatapos ay i-normalize ang mga papasok na value ng locale batay sa listahang iyon.

That is why @18ways/next can do sensible things like redirect /en-US/docs to /en-GB/docs when only en-GB is enabled.

import type { WaysConfig } from '@18ways/next/config';
 
export default {
  apiKey: 'pk_dummy_demo_token',
  baseLocale: 'en-GB',
  router: 'app', // 'app', 'path', or 'none' depending on if you use app router, path router, or if you don't want the router to sync with locale at all
} satisfies WaysConfig;

Pagpupunyagi

Ang cookie ng kagustuhan sa locale na ginagamit ng runtime ay 18ways_locale.

Kapag naglo-load ang mga salin

@18ways/next can resolve locale on the server, seed context translations, and emit translated metadata.

Pinagsasaluhang mental na modelo

Panatilihing simple ang modelo:

1. Piliin ang tamang package para sa iyong app.
2. Itakda nang tama ang base locale.
3. Panatilihing matatag at makahulugan ang mga susi ng konteksto.
4. Hayaang isalin ng runtime ang mga kumpletong parirala, hindi mga piraso.

Susunod: Pag-format ng Mensahe