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

# Tutorial: Document Generator

> Construiește o aplicație Twenty reală care generează documente personalizate din datele din CRM-ul tău.

În acest tutorial vei construi **Document Generator** — o aplicație care transformă șabloanele reutilizabile
în documente personalizate folosind datele deja existente în CRM-ul tău.

Scrie un șablon o singură dată cu `{{placeholders}}`, apoi generează un document completat
pentru orice Persoană sau Companie cu un singur clic — din meniul de comenzi, printr-un
agent AI sau dintr-un flux de lucru.

<Frame caption="Un șablon, generat pentru o anumită persoană, deschis ca o pagină imprimabilă.">
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/twenty/imagini/documente/dezvoltatori/extinderi/aplica%C8%9Bii/generator/07-rendered-document.png" alt="Un document al propunerii de vanzari generat" />
</Frame>

## Ce vei învăța

Fiecare capitol adaugă o capacitate. Până la sfârşit veţi fi atins cea mai mare parte a SDK.

| Capitol                                                                                                 | Capabilitate                                                                                                                   | Referință                                                                    |
| ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------- |
| [1. Model dată](/l/ro/developers/extend/apps/tutorials/document-generator/data-model)                   | Obiecte, câmpuri și o relație                                                                                                  | [Data](/l/ro/developers/extend/apps/data/overview)                           |
| [2. Generare documente](/l/ro/developers/extend/apps/tutorials/document-generator/generating-documents) | O funcție logică (unealta AI + acțiunea fluxului de lucru) care completează un șablon Markdown și atașează un PDF șablon șters | [Funcții logice](/l/ro/developers/extend/apps/logic/logic-functions)         |
| [3. Rute HTTP](/l/ro/developers/extend/apps/tutorials/document-generator/http-routes)                   | Se servește JSON și o pagină HTML partajabilă din rute                                                                         | [Funcții logice](/l/ro/developers/extend/apps/logic/logic-functions)         |
| [4. Construirea UI](/l/ro/developers/extend/apps/tutorials/document-generator/building-the-ui)          | Vizualizări, navigare, meniu, și componentele frontale care previzualizează un document și editează un șablon                  | [Aspect](/l/ro/developers/extend/apps/layout/overview)                       |
| [5. An AI agent](/l/ro/developers/extend/apps/tutorials/document-generator/ai-agent)                    | Agent + abilitate                                                                                                              | [Competențe & agenții](/l/ro/developers/extend/apps/logic/skills-and-agents) |
| [6. Publicare](/l/ro/developers/extend/apps/tutorials/document-generator/publishing)                    | Trimiteți-l la piață                                                                                                           | [Publicare](/l/ro/developers/extend/apps/operations/publishing)              |

## Cerințe

Trebuie să fi terminat [Quick Start](/l/ro/developers/extend/apps/getting-started/quick-start):
un server local de douăzeci care rulează pe portul `2020` şi CLI autentificat la acesta.

Dacă nu, schildează şi începe acum unul:

```bash filename="Terminal" theme={null}
npx create-twenty-app@latest document-generator
cd document-generator
yarn twenty dev
```

<Note>
  Preferă să citești codul finalizat? Aplicația completă trăiește în
  [`pachete/douăzeci de aplicații/exemple/document-generator`](https://github.com/twentyhq/twenty/tree/main/packages/twenty-apps/examples/document-generator).
  Fiecare snippet de mai jos este copiat din el.
</Note>

## Cum se potrivește aplicația împreună

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/twenty/imagini/documente/dezvoltatori/extinderi/aplica%C8%9Bii/generator/how-it-fits.svg" alt="Un model cu substituenți este generat într-un document șters cu un PDF, declanșat din meniul de comandă, un agent AI, un flux de lucru, sau un link partajabil" />
</Frame>

Scrii un **șablon** o dată într-un editor bogat cu `{{placeholders}}`. Alegerea unui șablon
și a unei înregistrări CRM completează locațiile și stochează un
**document** (cu un fișier PDF). Toate celelalte - meniul de comandă, agentul AI,
pasul fluxului de lucru, link-ul partajabil - este doar o modalitate diferită de a declanșa acel generator
.

## Păstrează această buclă rulantă

Lăsați `yarn douăzeci de` să ruleze într-un terminal pentru întregul tutorial. De fiecare dată când
adaugi sau editezi un fişier sub `src/`, el re-sincronizează pe serverul tău în câteva
secunde, pentru ca fiecare capabilitate să apară în interfață pe măsură ce o construiești.

<Card title="Începe construirea →" icon="database" href="/dezvoltator/extensie/aplicații/tutoriale/document-generator/model de date">
  Capitolul 1: modele de documente și modele.
</Card>