> ## Documentation Index
> Fetch the complete documentation index at: https://www.macaly.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Hogyan építsd meg az első projektedet

> Az első weboldalad vagy alkalmazásod még ma elkészülhet

Leírod köznyelven, mit szeretnél, a Macaly pedig megépíti neked. Olyan, mintha üzennél egy nagyon jó fejlesztőnek, aki azonnal dolgozni kezd.

<iframe width="100%" height="420" src="https://www.youtube.com/embed/videoseries?list=PL_6FnllPMh1G-XbXlylnuEJk9yUGBGEHn" title="Macaly tutorials" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## Mielőtt belekezdesz

Nem kell részletes tervvel készülnöd. Ha viszont nem tudod, hol kezdd, ezek jó első projektek:

<CardGroup cols={2}>
  <Card title="Landing oldal" icon="browser">
    Egyszerű, fókuszált és gyorsan elkészül. Ideális egy ötlet kipróbálására.
  </Card>

  <Card title="Személyes portfólió" icon="user">
    Néhány oldal rólad, a munkáidról és arról, hogyan érhetnek el.
  </Card>

  <Card title="Céges weboldal" icon="building">
    Kezdőlap, rólunk, szolgáltatások, kapcsolat. Szilárd kiindulási struktúra.
  </Card>

  <Card title="Belső dashboard" icon="table-columns">
    Egyszerű eszköz a csapatodnak a feladatok követéséhez vagy adatok megjelenítéséhez.
  </Card>
</CardGroup>

**Mit érdemes előkészíteni:**

* Rövid leírás arról, miről szól az oldalad (egy mondat is elég)
* A logód, ha van
* A márkád színei, vagy egy referenciaweboldal, amelynek a megjelenése tetszik

<Note>
  Ne agyald túl. Minden módosítható később, ezért az első változatnak nem kell tökéletesnek lennie.
</Note>

## Építsd meg az első projektedet

<Steps>
  <Step title="Nyisd meg a Macalyt, és indíts új projektet">
    Jelentkezz be a [macaly.com](https://www.macaly.com/) oldalon. A promptmező a kezdőképernyő közepén található.

    <img src="https://mintcdn.com/macaly-41b1d3e9/3b1-nExOoaeiOJYq/images/guides_first-project_01.png?fit=max&auto=format&n=3b1-nExOoaeiOJYq&q=85&s=a5862e0e462ab210eb18f1cad269d7b1" alt="Új beszélgetés indítása" width="1500" height="1000" data-path="images/guides_first-project_01.png" />
  </Step>

  <Step title="Írd le, mit szeretnél építeni">
    Mondd el a Macalynak, mi jár a fejedben, úgy, ahogy egy barátodnak magyaráznád. Bármilyen nyelven írhatsz.

    Ha vannak kész anyagaid (logó, arculati útmutató, tartalmat tartalmazó PDF), csatold őket rögtön. Minél több kontextust kap a Macaly az elején, annál jobb lesz az első eredmény.
  </Step>

  <Step title="Várd meg, amíg az ügynök végez">
    A Macaly azonnal elkezd dolgozni. Menet közben feltehet egy-két kérdést, ha valamit tisztázni kell.

    Az első változat akár néhány percig is eltarthat. A beszélgetésben követheted, ahogy az ügynök halad.

    <img src="https://mintcdn.com/macaly-41b1d3e9/3b1-nExOoaeiOJYq/images/guides_first-project_02.png?fit=max&auto=format&n=3b1-nExOoaeiOJYq&q=85&s=27c4c4e309eee0cd13430043d516eaec" alt="Az ügynök terve" width="1500" height="1000" data-path="images/guides_first-project_02.png" />
  </Step>

  <Step title="Nézd át az eredményt">
    Az előnézetet a jobb oldalon találod. Nézd meg az elrendezést, a szövegeket, a képeket és az összbenyomást. Az előnézet feletti eszközváltóval azonnal láthatod, hogyan néz ki az oldalad mobilon, tableten és számítógépen.

    Elsőre nem lesz tökéletes, és ez teljesen természetes. Finomíthatsz további üzenetekkel a beszélgetésben, vagy használd az <Tooltip headline="Vizuális szerkesztés" tip="Az előnézet feletti eszköztárral közvetlenül szerkeszthetsz egy elemet, átírhatod a szöveget a helyén, vagy megjelölheted, mire gondolsz." cta="Tudj meg többet a vizuális szerkesztésről" href="/docs/hu/features/visual-edits">előnézet feletti eszköztárat</Tooltip>, hogy pontos módosításokat végezz közvetlenül az oldalon.

    <img src="https://mintcdn.com/macaly-41b1d3e9/3b1-nExOoaeiOJYq/images/guides_first-project_03.png?fit=max&auto=format&n=3b1-nExOoaeiOJYq&q=85&s=4b655dc218595353d9741bba7e8ec71e" alt="Eredmény átnézése" width="1500" height="1000" data-path="images/guides_first-project_03.png" />
  </Step>
</Steps>

## Hogyan beszélj a Macalyval

Beszélj a Macalyval úgy, mint egy baráttal. Nincsenek parancsok és szakkifejezések, csak mondd el, mit szeretnél.

Kezdj valami konkrétummal:

```
Weboldalt szeretnék készíteni a Dusk nevű kávézómnak. Kicsi,
hangulatos hely Prágában. Kiváló kávé, házi péksütemények,
élő jazz hétvégenként. Meleg színek, sok ételfotó.
```

Aztán folytasd a beszélgetést. Minden üzenet arra épít, ami már elkészült:

```
Találtam egy oldalt, aminek nagyon tetszik a hangulata: https://example.com
Csinálhatunk valami hasonlót a kezdőlapra?
```

```
Cseréld le a Google Maps-értékeléseket fotógalériára.
```

```
Hozzáadnál egy étlap szekciót? Megvan a teljes étlapunk PDF-ben,
feltöltöm. Ki tudod szedni belőle a tételeket és az árakat?
```

A Macaly a teljes beszélgetés alatt megőrzi a projekted teljes kontextusát, így sosem veszíti el a fonalat azzal kapcsolatban, mit építettetek addig.

### Néhány tipp

* **A jó eredmény a kontextussal kezdődik.** Küldj egy referenciaoldalt, tölts fel logót, vagy írd le, kinek készül az oldal. Minél többet tud a Macaly, annál jobb lesz a végeredmény.

* **Az eredményt írd le, ne a lépéseket.** Arra összpontosíts, hogyan nézzen ki vagy hogyan hasson. A megvalósítást a Macaly kitalálja.

* **Egyszerre egy kérést küldj.** A fókuszált üzenetek jobb eredményt hoznak, mint a hosszú listák. Ha több módosítás is eszedbe jut, küldd el őket egyesével, és a Macaly sorban végigmegy rajtuk.

* **Kérdezz, mielőtt építenél.** Nem vagy biztos benne, hogy valami megoldható? Kérdezd meg. A Macaly bemutatja a lehetőségeket, mielőtt bármihez hozzákezd.

* **Mondd meg, mi nem stimmel, ne csak azt, hogy rossz.** A „túl hivatalosnak tűnik a betűtípus” konkrét kapaszkodót ad a Macalynak. A „próbáld újra” nem.

## Ha valami félremegy

Valami nem úgy néz ki, ahogy kellene? Ez teljesen természetes, főleg az elején. Íme, mit tehetsz:

* **Kérd meg az ügynököt, hogy vonja vissza.** Írd le, mi változott, és mondd meg, hogy vissza szeretnéd állítani. Akkor működik a legjobban, ha csak egy dolog sikerült rosszul.
* **Állíts vissza egy korábbi verziót.** Ha egyszerre több minden ment félre, a visszaállítás gyorsabb, mint lépésről lépésre visszavonni a módosításokat. Nyisd meg a **Verzióelőzmények** ablakot a felső sávban lévő óra ikonnal, nézd meg az előnézetet a kívánt verzióról, és kattints a **Visszaállítás** gombra. Lásd: [Verzióelőzmények](/docs/hu/chat/overview#verzióelőzmények).
* **Szerkessz egy korábbi promptot.** Lépj vissza bármelyik korábbi üzenethez, és szerkeszd. A Macaly visszatekeri a projektet arra a pillanatra, és a módosított promptod alapján újraépíti.
* **Indulj biztonsági másolatból.** Nagyobb változtatások előtt kattints a „Duplikálás” gombra bármelyik üzenet alatt. Így mindig lesz egy biztos pont, amelyhez visszatérhetsz.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.