Passer au contenu principal
Dans ce tutoriel, vous allez créer Document Generator — une application qui transforme des modèles réutilisables en documents personnalisés en utilisant les données déjà présentes dans votre CRM. Rédigez un modèle une seule fois avec {{placeholders}}, puis générez un document rempli pour n’importe quelle personne ou entreprise en un clic — depuis le menu de commande, depuis un agent IA ou depuis un workflow.
Un document de proposition commerciale généré

​
Ce que vous apprendrez

Chaque chapitre ajoute une capacité. À la fin, vous aurez utilisé la plupart du SDK.
ChapitreCapacitéRéférence
1. Modèle de donnéesObjets, champs et une relationDonnées
2. Générer des documentsUne fonction logique (outil IA + action de workflow) qui remplit un modèle Markdown et y joint un PDF soignéFonctions logiques
3. Routes HTTPServir du JSON et une page HTML partageable depuis des routesFonctions logiques
4. Créer l’interface utilisateurVues, navigation, menu de commandes et composants frontaux qui prévisualisent un document et modifient un modèleMise en page
5. Un agent IAAgent + compétenceCompétences et agents
6. PublicationPubliez-la sur la place de marchéPublication

​
Prérequis

Vous devez avoir terminé le démarrage rapide : un serveur Twenty local en cours d’exécution sur le port 2020 et le CLI authentifié dessus. Sinon, générez-en un et lancez-le maintenant : 
npx create-twenty-app@latest document-generator
cd document-generator
yarn twenty dev
Vous préférez lire le code finalisé ? L’application complète se trouve dans packages/twenty-apps/examples/document-generator. Chaque extrait ci-dessous en est tiré.

​
Comment l’application s’assemble

Un modèle avec des espaces réservés est transformé en un document soigné avec un PDF, déclenché depuis le menu de commandes, un agent IA, un workflow ou un lien partageable
Vous rédigez un modèle une seule fois dans un éditeur de texte enrichi, avec {{placeholders}}. Choisir un modèle et un enregistrement CRM remplit les espaces réservés et stocke un document soigné (avec un fichier PDF). Tout le reste — le menu de commandes, l’agent IA, l’étape de workflow, le lien partageable — n’est qu’une façon différente de déclencher ce même générateur.

​
Gardez cette boucle en marche

Laissez yarn twenty dev s’exécuter dans un terminal pendant tout le tutoriel. Chaque fois que vous ajoutez ou modifiez un fichier sous src/, il est resynchronisé avec votre serveur en quelques secondes, afin que vous puissiez voir chaque capacité apparaître dans l’interface utilisateur au fur et à mesure que vous la construisez.

Commencez à construire →

Chapitre 1 : modéliser des documents et des modèles.