---
title: "Systhema dokumentáció"
description: "Tervezési tokenek, Tailwind CSS, React- és Next.js-komponensek, valamint Payload-integráció egy közös forrásból."
requested_language: hu
language: hu
url: https://docs.systhema.app/hu/next
version: unreleased (main)
docs_index: https://docs.systhema.app/hu/next/llms.txt
---

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 kezdd [#start-here]

- **Systhemával építek webhelyeket**: kezdd a [Gyors kezdéssel](https://docs.systhema.app/hu/next/getting-started/quick-start.md), majd válassz az alábbi témák közül.
- **Egy Systhema-webhelyet szerkesztek**: a [Szerkesztői útmutató](https://docs.systhema.app/hu/next/editor-guide.md) 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](https://docs.systhema.app/hu/next/ai-agents.md) 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ák [#sections]

- [Első lépések](https://docs.systhema.app/hu/next/getting-started/introduction.md): projekt létrehozása, hozzáférés a csomagregiszterhez, csomagválasztás, kézi telepítés és frissítés.
- [Alapfogalmak](https://docs.systhema.app/hu/next/concepts/design-tokens.md): 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](https://docs.systhema.app/hu/next/design/token-collections.md): 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](https://docs.systhema.app/hu/next/styling/tailwind.md): Tailwind CSS-integráció és az összes Systhema-segédosztály referenciája.
- [Komponensek](https://docs.systhema.app/hu/next/components.md): React- és Next.js-komponensek működő példákkal, tulajdonságokkal és a megfelelő HTML-osztályokkal.
- [Next.js](https://docs.systhema.app/hu/next/nextjs.md): a `@systhemaui/next` kiegészítései, a providertől és a gatewaytől a frontend nyelveiig.
- [Payload CMS](https://docs.systhema.app/hu/next/payload.md): `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](https://docs.systhema.app/hu/next/cli.md): a globális `systhema` CLI és a projekten belüli `systhema-core`.
- [AI-ügynökök](https://docs.systhema.app/hu/next/ai-agents.md): Systhema-webhelyek fejlesztése a megfelelő verzió dokumentációjával, a `systhema-docs` MCP-szerverrel és az ügynökskillekkel.
- [API-referencia](https://docs.systhema.app/hu/next/reference/config.md): a `systhema.config` referenciája, csomagbelépési pontok és a core API-k.
- [Útmutatók](https://docs.systhema.app/hu/next/guides/build-a-site.md): 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ó](https://docs.systhema.app/hu/next/editor-guide.md): kódolást nem igénylő útmutató azoknak, akik a Payload Adminban szerkesztik a webhelyüket.
- [Kiadási megjegyzések](./release-notes/index.md): minden kiadás, a legújabbal kezdve.