Kufanya Kazi na Tailwind katika NextJS

Katika NextJS, unaweza kutumia mfumo wa CSS Tailwind, ambao hutumiwa mara kwa mara pamoja na React. Tuangalie jinsi ya kutumia.

Ili kufanya kazi na mitindo ya Tailwind, faili mbili zinahitajika: tailwind.config.js na postcss.config.js. Kwa kuwa wakati wa usanidi wa mradi wetu tulichagua "kutumia mitindo ya Tailwind", faili hizi tayari zimetengenezwa katika mradi wetu na ziko kwenye mzizi wake. Ikiwa hakuna faili kama hizi, basi unahitaji kusanidi Tailwind kulingana na nyaraka rasmi.

Wacha tuongeze mtindo mzito na rangi ya manjano kwa maandishi kutoka kwenye aya kwa kutumia mitindo ya Tailwind. Katika Tailwind CSS, nambari, zilizotumika katika madarasa kwa rangi huonyesha ukali au kivuli cha rangi. Nambari hizi hutofautiana kutoka 50 hadi 900. Kwa maandishi ya aya, tuchague kivuli cha kati:

export default function Test() {
	return <p className="font-bold text-yellow-500">
		text text text
	</p>;
}

Jaribu kutumia mitindo ya Tailwind katika mradi wako.