> ## 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.

# Hoe u uw eerste project maakt

> Uw eerste website of app, vandaag nog gemaakt

U beschrijft wat u wilt in gewone taal en de Macaly-agent maakt het voor u. Zie het als sms'en met een zeer ervaren ontwikkelaar die meteen aan de slag gaat.

<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 />

## Voordat u begint

U hebt geen gedetailleerd plan nodig. Maar als u niet weet waar u moet beginnen, zijn dit goede eerste projecten:

<CardGroup cols={2}>
  <Card title="Landingspagina" icon="browser">
    Eenvoudig, gericht en snel te maken. Perfect om een idee te testen.
  </Card>

  <Card title="Persoonlijk portfolio" icon="user">
    Een paar pagina's over u, uw werk en hoe men contact kan opnemen.
  </Card>

  <Card title="Bedrijfswebsite" icon="building">
    Home, over ons, diensten, contact. Een degelijke basisstructuur.
  </Card>

  <Card title="Intern dashboard" icon="table-columns">
    Een eenvoudig hulpmiddel waarmee uw team taken kan volgen of gegevens kan tonen.
  </Card>
</CardGroup>

**Wat u klaar moet hebben:**

* Een korte beschrijving van waar uw site over gaat (één zin volstaat)
* Uw logo, als u dat hebt
* Uw huisstijlkleuren of een referentiewebsite waarvan u de stijl mooi vindt

<Note>
  Maak het uzelf niet te moeilijk. Alles kan later worden aangepast, dus uw eerste versie hoeft niet perfect te zijn.
</Note>

## Uw eerste project maken

<Steps>
  <Step title="Open Macaly en start een nieuw project">
    Log in op [macaly.com](https://www.macaly.com/). Het promptveld staat midden op het startscherm.

    <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="Starting New Chat" width="1500" height="1000" data-path="images/guides_first-project_01.png" />
  </Step>

  <Step title="Beschrijf wat u wilt maken">
    Vertel Macaly wat u in gedachten hebt, op dezelfde manier als u het aan een vriend zou uitleggen. Elke taal werkt.

    Hebt u materiaal klaar (een logo, huisstijlrichtlijnen, een PDF met inhoud)? Voeg het meteen toe. Hoe meer context Macaly vanaf het begin heeft, hoe beter het eerste resultaat.
  </Step>

  <Step title="Wacht tot de agent klaar is">
    Macaly begint meteen met maken. Onderweg kan de agent een vraag of twee stellen als iets verduidelijking nodig heeft.

    De eerste versie kan enkele minuten duren. U ziet updates in de chat terwijl de agent werkt.

    <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="Agent plan" width="1500" height="1000" data-path="images/guides_first-project_02.png" />
  </Step>

  <Step title="Bekijk het resultaat">
    Bekijk de voorvertoning aan de rechterkant. Let op de lay-out, teksten, afbeeldingen en de algehele uitstraling. Gebruik de apparaatschakelaar boven de voorvertoning om direct te zien hoe uw site eruitziet op mobiel, tablet en desktop.

    Het zal niet meteen perfect zijn, en dat is volkomen normaal. Verfijn verder door vervolgberichten in de chat te sturen, of schakel over naar <Tooltip headline="Visuele bewerkingen" tip="Gebruik de werkbalk boven uw voorvertoning om een element direct te bewerken, tekst ter plekke te herschrijven of te markeren wat u bedoelt." cta="Meer informatie over Visuele bewerkingen" href="/docs/nl/features/visual-edits">de werkbalk boven uw voorvertoning</Tooltip> om gerichte aanpassingen rechtstreeks op de pagina te doen.

    <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="Review result" width="1500" height="1000" data-path="images/guides_first-project_03.png" />
  </Step>
</Steps>

## Hoe u met Macaly praat

Praat met Macaly zoals met een vriend. Geen commando's, geen technisch jargon. Zeg gewoon wat u wilt.

Begin met iets concreets:

```
Ik wil een website maken voor mijn koffiebar Dusk. Het is een
kleine, gezellige zaak in Amsterdam. Geweldige koffie, huisgemaakt
gebak en live jazz in het weekend. Warme kleuren en veel
foodfotografie.
```

Houd het gesprek vervolgens gaande. Elk bericht bouwt voort op wat al gemaakt is:

```
Ik heb een site gevonden waarvan ik de sfeer echt mooi vind:
https://example.com. Kunnen we iets soortgelijks doen voor de homepage?
```

```
Vervang de Google Maps-recensies door een fotogalerij.
```

```
Kun je een menusectie toevoegen? Ik heb ons volledige menu als PDF,
ik upload het. Kun je de gerechten en prijzen eruit halen?
```

Macaly behoudt de volledige context van uw project gedurende het hele gesprek, zodat het nooit het overzicht verliest van wat u al hebt gemaakt.

### Een paar tips

* **Betere resultaten beginnen met context.** Deel een referentiesite, upload uw logo of leg uit voor wie de site bedoeld is. Hoe meer Macaly weet, hoe beter het resultaat.

* **Beschrijf het resultaat, niet de stappen.** Richt u op hoe u wilt dat het eruitziet of aanvoelt. Macaly bepaalt zelf hoe.

* **Stuur één verzoek per keer.** Gerichte berichten leveren betere resultaten op dan lange lijsten. Hebt u meerdere wijzigingen in gedachten, stuur ze dan één voor één en Macaly werkt ze in volgorde af.

* **Vraag het voordat u laat maken.** Niet zeker of iets mogelijk is? Vraag het gewoon. Macaly kan u door de mogelijkheden loodsen voordat er werk wordt verricht.

* **Zeg wat er niet klopt, niet alleen dat het verkeerd is.** „Het lettertype voelt te formeel" geeft Macaly iets concreets om mee te werken. „Probeer het opnieuw" niet.

## Als er iets misgaat

Ziet iets er niet goed uit? Dat is volkomen normaal, zeker in het begin. Dit kunt u doen:

* **Vraag de agent om het ongedaan te maken.** Beschrijf wat er is veranderd en zeg dat u het terug wilt draaien. Werkt het beste als er maar één ding misging.
* **Een vorige versie herstellen.** Als er meerdere dingen tegelijk fout gingen, is herstellen sneller dan stap voor stap ongedaan maken. Open de **Versiegeschiedenis** via het klokpictogram in de bovenbalk, bekijk de gewenste versie en klik op **Herstellen**. Zie [Versiegeschiedenis](/docs/nl/chat/overview#versiegeschiedenis).
* **Bewerk een eerdere prompt.** Ga terug naar een willekeurig eerder bericht en pas het aan. Macaly draait het project terug naar dat moment en bouwt het opnieuw op volgens uw bijgewerkte prompt.
* **Begin vanuit een veilige kopie.** Klik vóór grote wijzigingen op „Dupliceren" onder een willekeurig bericht. Zo hebt u altijd een back-up om naar terug te keren.
