Sanya URLs a cikin masu canzawa

Lokacin fassara kirtani da ke ɗauke da URLs ko makamancin bayanai, ana ɗaukar kyakkyawan aiki ne a sanya waɗannan URLs cikin masu canji (variables) sannan a ambace su a cikin samfuran ku (templates).

Yi amfani da lakabin ARIA

Lokacin fassara rubutun abubuwan hulɗa kamar maballan, yana da muhimmanci a haɗa alamomin ARIA don tabbatar da damar amfani ga kowa. Alamomin ARIA suna taimaka wa masu karanta allo (screen readers) su bayar da bayanin da ya bayyana game da aikin abin.

Misali, idan kana da maballin da ke ba masu amfani damar kwafe rubutu daga ɓangaren lamba, za ka iya amfani da aria-label alama don ba da bayani a fili:

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

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

Jerin tushen duniya da tushen sassa da yawa

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

Lokacin aiki da manyan aikace-aikace, yana da amfani a raba rubutun da fassarori zuwa tushoshi da yawa, ƙanana. Wannan hanyar tana taimakawa rage girman kunshin da lokutan aika bayanai, ta tabbatar da cewa keɓancewar yare tana kasancewa ingantacciya kuma mai iya faɗaɗawa.

Duk da yake wannan yana da sauƙi idan ana yin rendering ne kawai a gefen abokin ciniki, sarrafa tushoshi zai iya zama da sauri rikitarwa lokacin da ake ɗaukar fassarori don yin rendering a gefen uwar garke. Koyaya, za ka iya sarrafa gudanarwar tushoshi ta atomatik ta amfani da jerin origins na abokin ciniki na TacoTranslate.

Yi la'akari da wannan misalin, inda muka raba sassanmu da shafukanmu zuwa 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 ɗinmu a server-side rendering examples don ƙarin bayani game da getTacoTranslateStaticProps.