URL-yada ku rid doorsoomayaasha

Marka la turjumayo xadhigyo qoraal ah oo ay ku jiraan URL-yo ama xog la mid ah, waxaa la tixgeliyaa inay tahay dhaqan wanaagsan in URL-yadaas lagu dhex dhigo doorsoomyo, ka dibna lagu tixraaco gudaha template-yadaada.

Isticmaal calaamadaha ARIA

Marka la turjumayo qoraalka walxaha is-dhexgalka sida badhamada, waxaa muhiim ah in la daro calaamadaha ARIA si loo hubiyo helitaanka. Calaamadaha ARIA waxay ka caawinayaan akhristayaasha shaashadda inay bixiyaan macluumaad sharaxaad leh oo ku saabsan shaqada curiyaha.

Tusaale ahaan, haddii aad leedahay badhan u oggolaanaya isticmaaleyaasha inay nuqul ka sameeyaan qoraalka ku jira blok koodhka, waxaad isticmaali kartaa sifo aria-label si aad u bixiso sharaxaad cad:

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

Wax ku saabsan tan waxay u muuqataa inay tahay mid aad u meta.

Liiska ilaha guud iyo ilaha badan ee qaybaha

Qaabkan kaliya wuxuu shaqeeyaa marka la isticmaalayo Next.js Pages Router.

Marka aad la shaqaynayso barnaamijyo waaweyn, waxaa faa’iido leh in la kala qaybiyo qoraallada iyo tarjumaadaha ilaha yar-yar ee badan. Habkan wuxuu ka caawiyaa yaraynta cabbirka xirmooyinka iyo wakhtiyada gudbinta, isagoo hubinaya in turjumidda ay noqoto mid hufan oo si sahlan loo balaadhin karo.

In kasta oo tani ay fudud tahay marka la soo saarayo kaliya dhinaca macmiilka, maareynta ilaha waxay si dhaqso ah u noqon kartaa mid cakiran marka la soo qaadayo tarjumaadaha loogu talagalay soo saarista dhinaca server-ka. Si kastaba ha noqotee, waxaad si otomaatig ah u maamuli kartaa ilaha adoo adeegsanaya liiska origins ee macmiilka TacoTranslate.

Tixgeli tusaalahan, halka aan qaybaha iyo bogaggayaga u kala qaybinay faylal gooni-gooni ah.

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});
}

Eeg tusaalooyinka soo bandhigida dhinaca server-ka si aad u hesho macluumaad dheeraad ah oo ku saabsan getTacoTranslateStaticProps.