NextJS-de Tailwind bilen işlemek

NextJS-de stilizasiýa üçin Reakt bilen köplenç birlikde ulanylýan CSS freýworki Tailwind-i ulanmak bolýar. Ony nädip ulanmalydygyna seredeliň.

Tailwind stilleri bilen işlemek üçin iki faýl gerek: tailwind.config.js we postcss.config.js. Proýekti gurnan wagty biz tarapyndan "Tailwind stillerini ulan" diýen bölek saýlanyşy sebäpli, bu faýllar eýýäm proýektimizde döredilip, onyň kökünda ýerleşýär. Eger şeýle faýllar ýok bolsa, onda siz Tailwind-i resminy dokumentasiýa görä gurmaly.

Geliň, abzas tekstine Tailwind stilleri ýardamynda ýogyn ýazy we sary reňk goşalyň. Tailwind CSS-de reňkler üçin klaslarda ulanylýan sanlar reňkiň güýjüni ýa-da çalşysyny görkezýär. Bu sanlar 50-den 900-a çenli üýtgeýär. Abzas teksti üçin orta çalşy saýlalyň:

app/test/page.jsxexport default function Test() {
  return <p className="font-bold text-yellow-500">
    tekst tekst tekst
  </p>;
}