Sanya URLs a cikin canje-canje

Lokacin fassara jerin kalmomi da ke dauke da URLs ko makamancin bayanai, ana ɗaukar kyakkyawan aiki ne don sanya waɗannan URLs a cikin canje-canje (variables) sannan a yi amfani da su a cikin samfuran ku.

Yi amfani da lakabi na ARIA

Lokacin fassara rubutun abubuwan hulɗa kamar maɓallan, yana da muhimmanci a haɗa lakabin ARIA don tabbatar da samun damar amfani. Lakabin ARIA suna taimaka wa masu karanta allo su ba da bayanin da ya dace game da aikin abin.

Alal misali, idan kana da maɓalli da ke ba masu amfani damar kwafe rubutu daga blk ɗin lambar, zaka iya amfani da aria-label don samar da bayanin da ya bayyana:

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

Wani abu game da wannan yana jin daɗin zama meta ƙwarai.

Ƙungiyar asali ta duniya da asalin yawa na ɓangarori

Wannan tsari yana aiki ne kawai lokacin amfani da Next.js Pages Router.

Lokacin aiki da manyan aikace-aikace, yana da amfani a raba ƙugiyoyi da fassarar su zuwa asali da yawa, ƙanana. Wannan hanyar tana taimakawa rage girman kundin fayiloli da lokacin canja wurin bayanai, tabbatar da ingantacciyar daidaituwar harshe mai bayyana da kuma iya fadada.

Ko da yake wannan abu ne mai sauƙi idan ana yin nunin kawai a ɓangaren abokin ciniki, sarrafa asali zai zama da wahala sosai yayin karɓar fassarar don nunin ɓangaren uwar garke. Duk da haka, za ka iya sarrafa asali ta atomatik ta amfani da jerin origins na abokin ciniki na TacoTranslate.

Ka dubi wannan misalin, inda muka raba abubuwanmu da shafuka 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 server-side rendering don ƙarin bayani game da getTacoTranslateStaticProps.