Sanya URLs a cikin masu canji

Lokacin fassara rubuce-rubucen da ke ɗauke da URLs ko makamantan bayanai, ana ɗaukar kyakkyawar hanya ne a saka waɗannan URLs a cikin masu canji (variables) sannan a yi nuni da su a cikin samfuran ku.

Yi amfani da lakabin ARIA

Lokacin fassara rubutun abubuwan hulɗa kamar maɓalli, yana da muhimmanci a haɗa lakabin ARIA don tabbatar da samun sauƙin amfani ga kowa. Lakabin ARIA suna taimakawa masu karanta allo (screen readers) su ba da bayanin da ya dace game da aikin abin.

Misali, idan kana da maɓalli wanda yake ba masu amfani damar kwafa rubutu daga wani yanki na lambar, za ka iya amfani da aria-label sifa don bayar da bayanin da ya bayyana:

<Translate
	aria-label={useTranslation('Copy to clipboard')}
	string="Copy"
/>

Wani abu game da wannan yana da matuƙar 'meta'.

Jerin tushen duniya da na ɓangarori da dama

Wannan tsarin yana aiki ne kawai idan ana amfani da Next.js Pages Router.

Idan ana aiki da manyan aikace-aikace, yana da amfani a raba matani da fassaruwa zuwa asalai da yawa, ƙanana. Wannan hanyar tana taimakawa rage girman fakiti da lokutan canja wuri, tana tabbatar da ingantacciyar kuma mai iya faɗaɗawa daidaitawar harshe.

Duk da yake wannan abu ne mai sauƙi idan ana nuna abin a gefen abokin amfani (client-side) kawai, sarrafa asalai na iya saurin rikicewa lokacin da ake ɗaukar fassaruwa don nuna su a gefen uwar garke (server-side). Koyaya, za ka iya sarrafa gudanar da asalai ta atomatik ta amfani da jerin origins na TacoTranslate client.

Yi la'akari da wannan misali, inda muka raba sassa da shafukan mu cikin fayiloli daban-daban.

import TacoTranslate, {Translate} from 'tacotranslate/react';
import getTacoTranslateStaticProps from 'tacotranslate/next/get-static-props';
import tacoTranslateClient from '../tacotranslate-client';
import PricingTable from '../components/pricing-table';

const origin = 'pages/pricing';
tacoTranslateClient.origins.push(origin);

export default function PricingPage() {
	return (
		<TacoTranslate origin={origin}>
			<Translate string="Pricing page" />
			<PricingTable />
		</TacoTranslate>
	);
}

// We will now fetch translations for all imported components and their origins automatically
export async function getStaticProps(context) {
	return getTacoTranslateStaticProps(context, {client: tacoTranslateClient});
}

Duba misalan yin rendering a bangaren uwar-garke a cikin takardunmu don ƙarin bayani game da getTacoTranslateStaticProps.