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

# Jak vytvořit svůj první projekt

> Váš první web nebo aplikace mohou být hotové ještě dnes

Popíšete svůj nápad a Macaly ho vytvoří. Představte si, jako byste si psali s velmi šikovným vývojářem, který pracuje okamžitě.

## Než začnete

Nepotřebujete podrobný plán. Pár minut přemýšlení ale udělá velký rozdíl. Zkuste si napsat, co chcete vytvořit, v jedné jasné větě. Pokud svůj nápad zatím nedokážete popsat jednou větou, vyplatí se ho před začátkem upřesnit.

Pokud nevíte, čím začít, tohle jsou skvělé první projekty:

<CardGroup cols={2}>
  <Card title="Landing page" icon="browser">
    Jednoduchá, rychle hotová. Ideální pro otestování nápadu.
  </Card>

  <Card title="Osobní portfolio" icon="user">
    Pár stránek o vás, vaší práci a kontaktní údaje.
  </Card>

  <Card title="Firemní web" icon="building">
    Úvod, o nás, služby, kontakt. Perfektní výchozí struktura.
  </Card>

  <Card title="Interní dashboard" icon="table-columns">
    Jednoduchý nástroj pro váš tým ke sledování úkolů nebo zobrazení dat.
  </Card>
</CardGroup>

**Co si připravit:**

* Krátký popis toho, o čem váš web bude (stačí jedna věta)
* Logo, pokud ho máte
* Barvy vaší značky, nebo referenční web, jehož styl se vám líbí

<Note>
  Nepřemýšlejte nad tím víc, než je nutné. Všechno se dá později změnit, takže první verze nemusí být dokonalá.
</Note>

## Otevřete Macaly

Macaly otevřete přes ovládací panel svého poskytovatele hostingu. Kde přesně ho najdete, závisí na poskytovateli, takže pokud si nejste jistí, podívejte se do jeho dokumentace.

Jakmile se Macaly otevře, uvidíte svůj pracovní prostor s polem pro zadání promptu přímo uprostřed. Právě tam popíšete, co chcete vytvořit.

<img src="https://mintcdn.com/macalywl/ewVWxvfyoZAPE4Yf/images/guides_first-project_01.png?fit=max&auto=format&n=ewVWxvfyoZAPE4Yf&q=85&s=6935d465b77c3a6a9baa7ff5a355b90e" alt="Starting New Chat" width="1500" height="1000" data-path="images/guides_first-project_01.png" />

## Popište, co chcete vytvořit

Řekněte Macaly, co máte na mysli, stejně jako byste to vysvětlovali kamarádovi. Psát můžete jakýmkoli jazykem a nemusíte používat příkazy ani technické výrazy. Prostě řekněte, co chcete.

Pokud máte připravené podklady (logo, brand guidelines, PDF s obsahem), rovnou je nahrajte. Čím víc kontextu Macaly dostane na začátku, tím lepší bude první výsledek.

Začněte něčím konkrétním:

```
Chci vytvořit web pro moji kavárnu Dusk. Je to malá,
útulná kavárna v Praze. Skvělá káva, domácí zákusky,
živý jazz o víkendech. Teplé barvy, hodně fotek jídla.
```

<Tip>
  Vedle pole pro prompt si můžete zvolit, jak má Macaly váš požadavek zpracovat. **Auto** nechá Macaly rozhodnout, jestli má tvořit hned, nebo nejdřív naplánovat, **Plán** položí upřesňující otázky, než něco změní, a **Stavět** začne rovnou. Mezi režimy můžete kdykoliv přepnout.
</Tip>

## Odpovězte na doplňující otázky

Macaly analyzuje váš prompt a může položit několik doplňujících otázek, aby lépe porozuměla vašim požadavkům. Ty pomáhají přizpůsobit aplikaci vašemu konkrétnímu použití.

Zvolte možnost, která nejlépe odpovídá vašemu projektu, a klikněte na **Pokračovat**. Macaly vás provede případnými dalšími otázkami, než začne tvořit.

## Dokončete průvodce nastavením

Macaly pokračuje několika dalšími otázkami, aby vaši aplikaci přizpůsobila. Podle vašeho projektu mohou zahrnovat:

* Počet produktů nebo služeb
* Preference designu
* Přihlašování a uživatelské účty
* Platby a pokladnu
* Obsah a funkce

Zvolte možnost, která nejlépe odpovídá vašemu nápadu, nebo tam, kde je potřeba, zadejte vlastní instrukce. Tyto odpovědi pomáhají Macaly vytvořit aplikaci, která se co nejvíc blíží vaší představě.

## Zvolte strategii tvorby

Než Macaly začne tvořit, zeptá se, jak pečlivě má k projektu přistupovat:

* **Rychlý postup (doporučeno).** Macaly staví co nejrychleji. Ideální pro prototypy, MVP a rychlé iterace.
* **Pečlivá kontrola.** Macaly před provedením změn provádí dodatečné ověření. Trvá to o něco déle, ale u složitějších aplikací to může snížit počet chyb.

Zvolte možnost, která vašemu projektu vyhovuje, a kliknutím na **Odeslat** spusťte tvorbu.

## Zkontrolujte plán implementace

Než Macaly vygeneruje jakýkoli kód, vytvoří podrobný plán implementace na základě vašeho promptu a odpovědí. To je vaše příležitost si předem prohlédnout navrhovanou strukturu, design, stránky a funkce.

Věnujte pár chvil jeho kontrole:

* Pokud vše vypadá dobře, klikněte na **Ano** a spusťte tvorbu.
* Pokud chcete něco změnit, zvolte **Zatím ne** a doplňte instrukce. Macaly bude plán upravovat, dokud nebudete spokojení.

<img src="https://mintcdn.com/macalywl/ewVWxvfyoZAPE4Yf/images/guides_first-project_02.png?fit=max&auto=format&n=ewVWxvfyoZAPE4Yf&q=85&s=57f5399d21a39733965da0cc43991085" alt="Agent plan" width="1500" height="1000" data-path="images/guides_first-project_02.png" />

## Zkontrolujte svou první aplikaci

Vytvoření první verze může trvat několik minut a v chatu uvidíte průběžné aktualizace, jak agent pracuje. Až bude hotovo, uvidíte přehled všeho, co vytvořil, spolu s živým náhledem vpravo, kde si můžete svou novou aplikaci rovnou prohlédnout.

Pomocí přepínače zařízení nad náhledem se okamžitě podíváte, jak web vypadá na mobilu, tabletu i počítači. Projděte si stránky, vyzkoušejte uživatelský dojem a zhodnoťte celkový design.

<img src="https://mintcdn.com/macalywl/ewVWxvfyoZAPE4Yf/images/guides_first-project_03.png?fit=max&auto=format&n=ewVWxvfyoZAPE4Yf&q=85&s=0289b3ac71451146f07a6471db15f546" alt="Review result" width="1500" height="1000" data-path="images/guides_first-project_03.png" />

<Tip>
  Pomocí navigace v horní části pracovního prostoru přepínáte mezi živým náhledem, zdrojovým kódem, databází, analytikou a nastavením projektu.
</Tip>

## Zkontrolujte a dolaďte

Tahle první verze je váš výchozí bod, ne hotový produkt. Porovnejte ji se svým původním nápadem: odpovídá rozvržení vaší představě? Je obsah správný? Vyjadřují barvy, typografie a branding dojem, který chcete vytvořit?

Na první pokus to nebude dokonalé, a to je úplně normální. Pokračujte v dolaďování posíláním dalších zpráv v chatu. Každá z nich navazuje na to, co už existuje, takže nikdy nezačínáte od nuly. Můžete také použít <Tooltip headline="Vizuální úpravy" tip="Pomocí panelu nástrojů nad náhledem upravte prvek přímo, přepište text na místě nebo tahem označte, o čem mluvíte." cta="Zjistit více o Vizuálních úpravách" href="/docs/cs/features/visual-edits">panel nástrojů nad náhledem</Tooltip> a provádět přesné změny přímo na stránce.

Příklady navazujících promptů:

```
Změň barvu akcentu z korálové na modrou.
```

```
Přidej na úvodní stránku recenze zákazníků.
```

```
Vytvoř stránku O nás a zahrň náš firemní příběh.
```

Pár tipů pro lepší výsledky:

* **Lepších výsledků dosáhnete s kontextem.** Pošlete agentovi referenční web, nahrajte logo, nebo vysvětlete, pro koho web je. Čím víc toho Macaly ví, tím lepší bude výstup.

* **Popište výsledek, ne postup.** Zaměřte se na to, jak má výsledek vypadat nebo působit. Agent Macaly sám přijde na to, jak na to.

* **Zadejte jen jeden úkol najednou.** Jednotlivé zprávy přinášejí lepší výsledky než dlouhé seznamy. Pokud chcete udělat víc změn, pošlete je jednu po druhé a Macaly je zpracuje postupně.

* **Zeptejte se, než začnete tvořit.** Nejste si jistí, jestli je něco možné? Prostě se zeptejte. Macaly vás provede možnostmi, než se pustí do práce.

* **Řekněte, co konkrétně nesedí, ne jen že je to špatně.** „Písmo působí příliš formálně" dá Macaly něco konkrétního, s čím může pracovat. „Zkus to znovu" ne.

Něco nevypadá správně? To je úplně normální, zvlášť na začátku. Co můžete udělat:

* **Požádejte agenta, ať vrátí změny zpět.** Popište, co se změnilo, a řekněte, že to chcete vrátit. Ideální pro opravu drobných problémů.
* **Obnovte předchozí verzi.** Pokud se toho najednou rozbilo víc, obnovení předchozí verze je rychlejší než vracet změny jednu po druhé. Každá odpověď agenta má tlačítko „Obnovit tuto verzi". Klikněte na něj a vrátíte se k danému bodu.
* **Upravte předchozí prompt.** Vraťte se k libovolné dřívější zprávě a upravte ji. Macaly obnoví projekt, jak vypadal v daném okamžiku, a znovu ho vytvoří podle vašeho upraveného promptu.
* **Začněte z bezpečné kopie.** Než uděláte velké změny, klikněte na „Duplikovat" pod libovolnou zprávou. Díky tomu budete mít vždy zálohu, ke které se můžete vrátit.

Pokračujte v dolaďování, dokud výsledek nebude odpovídat vaší představě. Až budete spokojení, můžete publikovat.

## Publikujte svou aplikaci

Až budete se svou aplikací spokojení, klikněte na **Publikovat** v pravém horním rohu editoru. Macaly automaticky sestaví a nasadí nejnovější verzi a vaše aplikace bude okamžitě dostupná na bezplatné subdoméně Macaly, takže ji můžete rovnou sdílet. Později můžete připojit vlastní doménu a dát aplikaci vlastní webovou adresu.

<Tip>
  Změny můžete dělat i po publikování. Aktualizujte aplikaci, znovu klikněte na **Publikovat** a Macaly automaticky nasadí nejnovější verzi.
</Tip>

## Dobré vědět

Macaly vaši aplikaci nejen publikuje. Poskytuje také většinu toho, co potřebujete k jejímu provozu v produkci, bez dalšího nastavování.

* **Optimalizace pro vyhledávače (SEO).** Každá aplikace je ve výchozím nastavení optimalizovaná pro vyhledávače. Stránky se vykreslují tak, aby je Google, Bing a další vyhledávače dokázaly snadno procházet, indexovat a porozumět jim. Není potřeba žádné další nastavení.
* **Vestavěná analytika.** Analytika začne sbírat data automaticky, jakmile aplikaci publikujete. Přehled poskytuje informace o zobrazeních stránek, návštěvách, unikátních návštěvnících, průměrné době návštěvy a míře okamžitého opuštění, takže nemusíte připojovat žádnou službu třetí strany.
* **Vestavěná databáze.** Každý projekt obsahuje plně spravovanou databázi. Nemusíte ji zřizovat ani spravovat žádné přihlašovací údaje. Data můžete prohlížet, vyhledávat, filtrovat a spravovat přímo v Macaly přes přehledné rozhraní.
* **Integrace s GitHubem.** Propojte svůj projekt s GitHubem a automaticky zálohujte zdrojový kód v soukromém repozitáři. Aktualizace nahrajete při každém publikování a v případě potřeby obnovíte ze zálohy, takže máte plnou kontrolu nad kódem své aplikace.


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