Docs

Systhema dokumentáció

Tervezési tokenek, Tailwind CSS, React- és Next.js-komponensek, valamint Payload-integráció egy közös forrásból.

On this page

A Systhema összeköti a tervezést és a fejlesztést. Közös tervezési nyelvet ad, hogy a márkád arculata minden alkalmazásban következetesen jelenjen meg.

A Systhema moduláris: válaszd ki, amire szükséged van. Minden csomag a közös alapra épül, a tervezési tokenektől a teljes headless CMS-integrációig.

Itt kezddLink to this section

  • Systhemával építek webhelyeket: kezdd a Gyors kezdéssel, majd válassz az alábbi témák közül.
  • Egy Systhema-webhelyet szerkesztek: a Szerkesztői útmutató bemutatja az oldalak, blokkok és beállítások kezelését a Payload Adminban, kódolás nélkül.
  • Kódoló ügynökkel dolgozom: az AI-ügynökök oldal megmutatja, hogyan olvassák az ügynökök a megfelelő verzió dokumentációját és használják a Systhema skilleket.

TémákLink to this section

  • Első lépések: projekt létrehozása, hozzáférés a csomagregiszterhez, csomagválasztás, kézi telepítés és frissítés.
  • Alapfogalmak: tervezési tokenek, konfiguráció, témák, térközök, mozgás, generált fájlok és a kliens-szerver határ.
  • Tervezés és tokenek: tokengyűjtemények, egyéni tokenek, betűtípusok, színek, mozgástokenek, paletták, a Figma-bővítmény és a Systhema Design.
  • Stílusok: Tailwind CSS-integráció és az összes Systhema-segédosztály referenciája.
  • Komponensek: React- és Next.js-komponensek működő példákkal, tulajdonságokkal és a megfelelő HTML-osztályokkal.
  • Next.js: a @systhemaui/next kiegészítései, a providertől és a gatewaytől a frontend nyelveiig.
  • Payload CMS: withSysthema(), gyűjtemények és globális beállítások, blokkok, Lexical-szerkesztők, űrlapok, bejegyzések, AI, analitika, Cloudflare és lokalizáció.
  • CLI: a globális systhema CLI és a projekten belüli systhema-core.
  • AI-ügynökök: Systhema-webhelyek fejlesztése a megfelelő verzió dokumentációjával, a systhema-docs MCP-szerverrel és az ügynökskillekkel.
  • API-referencia: a systhema.config referenciája, csomagbelépési pontok és a core API-k.
  • Útmutatók: webhelyépítés lépésről lépésre, receptek, többnyelvű webhelyek, sütikezelés és telepítés.
  • Szerkesztői útmutató: kódolást nem igénylő útmutató azoknak, akik a Payload Adminban szerkesztik a webhelyüket.
  • Kiadási megjegyzések: minden kiadás, a legújabbal kezdve.