Коркарди Tailwind дар NextJS

Дар NextJS барои усул кардан метавон фреймворки CSS-и Tailwind-ро истифода бурд, ки аксар вақт бо React истифода мешавад. Биёед бубинем, ки чӣ гуна аз он истифода барад.

Барои кор бо усулҳои Tailwind ду файл лозим аст: tailwind.config.js ва postcss.config.js. Азбаски ҳангоми насби лоиҳа аз тарафи мо пункти "истифодаи усулҳои Tailwind" интихоб шуда буд, ин файлҳо аллакай дар лоиҳаи мо сохта шудаанд ва дар решаи он ҷойгиранд. Агар чунин файлҳо вуҷуд надошта бошанд, пас шумо бояд Tailwind-ро мувофиқи ҳуҷҷати расмӣ насб кунед.

Биёед ба матни абзац бо истифода аз усулҳои Tailwind навишти ғафс ва ранги зард илова кунем. Дар Tailwind CSS рақамҳо, ки дар синфҳо барои рангҳо истифода мешаванд шиддат ё рангораи рангро ифода мекунанд. Ин рақамҳо аз 50 то 900 фарқ мекунанд. Барои матни абзац рангораи миёнаро интихоб мекунем:

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

Кӯшиш кунед, ки усулҳои Tailwind-ро дар лоиҳаи худ истифода баред.