Créateur d’applications

Disponible avec toutes les offres Cloud ; l’auto-hébergement nécessite l’offre Business ou une offre supérieure.

Le Créateur d’applications Teable vous permet de transformer vos bases de données en applications web personnalisées entièrement fonctionnelles, sans écrire de code. En associant la puissance de votre structure de données à une conception guidée par l’IA, vous pouvez lancer des outils internes, des portails clients et des tableaux de bord de données en quelques minutes.

Présentation

Le Créateur d’applications suit un flux de travail « Prompt to App ». Vous décrivez ce que vous souhaitez, et l’IA crée pour vous la structure, les pages et la logique de l’application. Vous pouvez ensuite affiner chaque détail avec l’éditeur visuel ou le code.

Utilisez le Créateur d’applications pour créer des interfaces personnalisées et des applications autonomes. Pour l’analyse interactive de données et les questions ponctuelles dans la base de données, utilisez Chat IA.

Créer une application

Il existe deux principales façons de créer une application :

Depuis une Base : dans n’importe quelle Base, cliquez sur « Créer une application » pour générer une application liée à vos données actuelles.
Depuis le chat : ouvrez Chat IA et dites « Crée une application CRM pour cette Table de clients ».

Interface de l’éditeur d’application

Le Créateur d’applications propose une double interface, destinée à la fois aux utilisateurs non techniques et aux développeurs.

1. Interface de chat (guidée par l’IA)

Le centre de commande de votre application.

Modification en langage naturel : décrivez des changements tels que « Rends l’en-tête bleu » ou « Ajoute un formulaire de soumission pour les nouveaux Enregistrements ».
Routage automatique : l’IA comprend le composant ou la page auquel vous faites référence et le modifie directement.
Intégrations : lorsqu’une tâche de l’application nécessite l’accès à un compte tiers, le Créateur d’applications peut afficher une carte telle que Connecter Slack dans le panneau de chat. Cliquez sur Connecter pour autoriser OAuth. Cliquez sur Ignorer pour annuler cette autorisation ; l’IA poursuit les parties qu’elle peut réaliser sans cette connexion.
Compétences : ouvrez le menu + et choisissez Compétences pour gérer les compétences de cette conversation d’application. Une compétence ajoutée ici est disponible uniquement pour l’application actuelle ; les compétences partagées avec la Base et l’Espace de l’application peuvent également être utilisées ici. Saisissez / dans le champ de saisie pour choisir une compétence activée.
Gérer les fichiers : ouvrez + → Plus → Gérer les fichiers pour afficher les fichiers dans le bac à sable de l’application. Utilisez cette option pour prévisualiser les fichiers pris en charge, télécharger les fichiers générés ou supprimer les fichiers et dossiers dont vous n’avez plus besoin.
Effacer la conversation : si la conversation actuelle s’est écartée du sujet, cliquez sur Effacer le chat dans l’angle inférieur droit du panneau pour démarrer une nouvelle session. Cela efface l’historique de chat de la conversation actuelle, mais ne supprime pas l’application elle-même. Lors de la première utilisation, une confirmation s’affiche et vous pouvez choisir de ne plus l’afficher la prochaine fois.

2. Panneau d’aperçu

Aperçu et En direct : le panneau comporte deux onglets. Aperçu exécute la version que vous construisez, y compris les modifications qui ne sont pas encore publiées. En direct charge l’application publiée depuis son adresse publique afin que vous puissiez comparer ce que voient vos utilisateurs avec ce sur quoi vous travaillez. Tant que l’application n’est pas publiée, En direct affiche à la place une invite de publication. Le Créateur d’applications ouvre une application publiée dans En direct et une application non publiée dans Aperçu, puis mémorise l’onglet que vous avez utilisé en dernier pour cette application.
Simulation multi-appareils : utilisez le sélecteur en haut pour basculer entre les vues Ordinateur, Tablette et Mobile.
Génération en direct : le panneau d’aperçu peut montrer l’application prendre forme pendant que le Créateur d’applications la génère.
Retour instantané : après que le Créateur d’applications a terminé une modification, l’aperçu s’actualise avec la dernière version enregistrée.

Dans l’onglet Aperçu, utilisez la barre d’outils flottante en bas pour effectuer des modifications ciblées :

Choisissez Sélectionner un élément à modifier, puis cliquez sur un élément dans l’aperçu. Le Créateur d’applications ajoute l’élément au champ de chat. Ajoutez votre instruction et envoyez le message afin que l’IA puisse mettre à jour cette partie précise de l’application.
Choisissez Modifier le texte directement, puis cliquez sur un texte statique dans l’aperçu et saisissez votre texte de remplacement. Vous pouvez modifier plusieurs éléments textuels avant de cliquer sur Enregistrer. Cliquez sur Annuler les modifications pour annuler les modifications de texte en attente.

Le texte dynamique, tel que le contenu chargé depuis des données ou calculé par l’application, ne peut pas être modifié directement. Sélectionnez plutôt l’élément et décrivez la modification dans le chat. La sélection d’éléments et la modification directe de texte sont suspendues pendant la génération par l’IA. Appuyez sur Esc pour quitter l’un ou l’autre mode.

3. Mode développeur (éditeur de code)

Pour une personnalisation sans limites, vous avez un accès direct au code.

Éditeur Monaco : une expérience semblable à VS Code directement dans le navigateur.
Composants React : modifiez le code React sous-jacent, les classes Tailwind CSS et la logique.
Arborescence de fichiers : naviguez dans la structure du projet.

Télécharger le code

Vous pouvez télécharger l’intégralité de l’application sous forme d’archive ZIP à tout moment :

Passez à l’onglet Code dans l’éditeur.
Cliquez sur le menu ... dans la barre d’onglets.
Sélectionnez Télécharger le code pour enregistrer une archive ZIP qui comprend tous les fichiers sources.

Si l’application utilise des variables d’environnement personnalisées, l’archive téléchargée peut inclure un fichier .env à la racine. Examinez-le avant de partager le ZIP.

Importer le code

Vous pouvez mettre à jour le code de l’application en important un ZIP :

Passez à l’onglet Code dans l’éditeur.
Cliquez sur le menu ... dans la barre d’onglets.
Sélectionnez Importer le code et choisissez un fichier ZIP d’une taille maximale de 20 Mo.

Incluez uniquement les fichiers sources. node_modules, .next et les autres artefacts de compilation sont automatiquement ignorés.
Le ZIP remplace le projet existant. Les fichiers que vous omettez sont supprimés de la nouvelle version.
Si le ZIP contient un seul dossier enveloppe, Teable retire ce dossier. Vous pouvez compresser directement le dossier de projet le plus externe.
Le projet importé doit inclure package.json à la racine du projet.
Un fichier .env à la racine du ZIP est lu dans les Secrets de l’application. Les autres variantes .env*, telles que .env.local, sont ignorées.

Secrets

Utilisez les Secrets pour les clés API, les identifiants et les valeurs de configuration dont votre application a besoin lors de son exécution. Dans le panneau de chat du Créateur d’applications, ouvrez le menu + et choisissez Secrets.

Détail	Comportement
Disponibilité	Les Secrets d’application sont disponibles dans l’environnement d’aperçu de l’application et dans l’application publiée
Accès au code	Le code côté serveur de l’application peut les lire à partir de variables d’environnement telles que `process.env.MY_API_KEY`
Valeurs enregistrées	Les valeurs secrètes sont accessibles en écriture seule après l’enregistrement ; saisissez une nouvelle valeur pour en mettre une à jour
Format du nom	Le Nom doit commencer par une lettre majuscule et peut contenir des lettres majuscules, des chiffres et des traits de soulignement

Après avoir ajouté, supprimé ou modifié une valeur de Secret, l’environnement d’aperçu de l’application utilise la nouvelle valeur. L’application publiée ne l’utilise qu’après une nouvelle publication. La modification de la seule description d’un Secret ne nécessite pas de nouvelle publication.

Gérer les fichiers de l’application

Le Créateur d’applications stocke les fichiers téléversés, les sorties générées et les fichiers d’exécution dans le bac à sable de l’application. Dans le panneau de chat, ouvrez + → Plus → Gérer les fichiers pour les examiner. Les types de fichiers pris en charge s’ouvrent dans l’aperçu. Vous pouvez également télécharger des fichiers ou supprimer les fichiers et dossiers dont vous n’avez plus besoin.

Ajouter des fonctionnalités IA à une application

Ajoutez l’IA lorsque votre application doit résumer des Enregistrements, classer des demandes, rédiger des réponses ou répondre aux questions des utilisateurs de l’application. Vous pouvez indiquer au Créateur d’applications ce que vous souhaitez, par exemple : « Ajoute un assistant IA de réponse aux tickets d’assistance » ou « Résume chaque soumission de formulaire ». Le Créateur d’applications peut activer l’accès à l’IA et ajouter le code de cette fonctionnalité.

Après que le Créateur d’applications a ajouté la fonctionnalité IA, l’aperçu de l’application utilise la nouvelle version. L’application publiée ne l’utilise qu’après une nouvelle publication.

Synchroniser le code avec GitHub

Disponible avec les offres Cloud Business et supérieures.

Liez une application à un dépôt GitHub privé lorsque vous souhaitez examiner le code dans des pull requests, conserver une copie hors de Teable ou travailler sur l’application dans votre éditeur local. Une fois liés, l’application et le dépôt se synchronisent dans les deux sens : chaque nouvelle version de l’application est envoyée vers GitHub et les commits que vous envoyez vers GitHub deviennent de nouvelles versions de l’application.

Connecter un compte et créer le dépôt

Générez d’abord l’application au moins une fois. Tant que l’application n’a pas de code, le bouton GitHub affiche Générez d’abord l’application pour connecter GitHub et ne fait rien.

Ouvrir le panneau GitHub

Cliquez sur l’icône GitHub dans l’en-tête de l’application pour ouvrir Synchronisation GitHub. Vous avez besoin d’un accès de modification à l’application.

Connecter un compte

Cliquez sur Connecter GitHub et terminez l’installation dans la fenêtre contextuelle. Choisissez votre compte personnel ou une organisation que vous administrez. Autorisez les fenêtres contextuelles si votre navigateur bloque la fenêtre.

Choisir le compte

Sélectionnez le compte connecté sous Compte GitHub. Cliquez sur + pour en connecter un autre.

Nommer le dépôt

Le Nom du dépôt est prérempli à partir du nom de l’application. Les noms peuvent contenir des lettres, des chiffres, ., - et _, avec un maximum de 100 caractères.

Créer et lier

Cliquez sur Créer le dépôt et lier. Pour un compte personnel, GitHub vous demande d’autoriser la création dans une fenêtre contextuelle supplémentaire.

Teable crée un nouveau dépôt privé et valide le code actuel de l’application dans la branche main, accompagné d’un README qui renvoie vers l’application et explique comment les deux restent synchronisés. Vous ne pouvez pas lier une application à un dépôt qui existe déjà. Par défaut, une connexion appartient à la personne qui l’a créée. Pour permettre aux collaborateurs de s’appuyer sur le même compte d’organisation, sélectionnez la connexion et activez Autoriser les autres membres à utiliser cette connexion. Les autres membres disposant d’un accès de modification à l’application peuvent alors créer des dépôts pour leurs propres applications sous cette organisation. Les connexions personnelles ne peuvent pas être partagées, car GitHub exige l’autorisation du propriétaire du compte pour créer un dépôt.

Fonctionnement de la synchronisation

Sens	Ce qui se passe
Application → GitHub	Chaque nouvelle version de l’application est envoyée vers la branche `main` du dépôt.
GitHub → application	Les commits envoyés vers `main` deviennent une nouvelle version de l’application. Un message dans le panneau de chat indique ce qui a été synchronisé et un aperçu ouvert se recharge avec le nouveau code.

Les fichiers d’environnement ne sont jamais envoyés. Consultez Variables d’environnement et développement local ci-dessous. Le panneau affiche l’état actuel à côté du nom du dépôt :

État	Signification	Action à effectuer
Synchronisé	Le dépôt correspond à la dernière version de l’application.	Aucune action requise.
Synchronisation en cours	Un envoi est en cours.	Attendez ; le panneau se met à jour automatiquement.
Conflit	La branche `main` contient des commits que Teable n’a pas produits et qui ne peuvent pas être combinés automatiquement.	Fusionnez la branche `teable-sync` sur GitHub. Voir ci-dessous.
En pause	Teable a arrêté la synchronisation car l’application GitHub a été désinstallée ou suspendue.	Le panneau indique lequel. La levée d’une suspension reprend automatiquement la synchronisation.
Erreur	La dernière tentative de synchronisation a échoué.	Lisez la raison dans le panneau et cliquez sur Réessayer.

Résoudre un conflit

Teable ne force jamais l’envoi vers votre branche. Lorsque les historiques divergent, il place la dernière version de l’application dans une branche nommée teable-sync et marque le lien comme Conflit. Fusionnez teable-sync dans main sur GitHub ; la fusion revient comme une nouvelle version de l’application et le lien repasse à Synchronisé. Tant que le conflit persiste, les versions ultérieures de l’application continuent de faire avancer la branche teable-sync, de sorte que sa fusion intègre toujours le travail le plus récent.

Variables d’environnement et développement local

Le dépôt ne contient que le code source. Teable n’envoie jamais de fichier dont le nom commence par .env : ni à la racine du projet, ni dans un sous-dossier, ni dans l’historique des commits. Les valeurs d’environnement se trouvent dans les Secrets de l’application et n’entrent jamais dans git. Le fichier .gitignore du dépôt répertorie déjà .env*, de sorte qu’un clone local n’en validera pas un par accident. Pour exécuter l’application sur votre propre machine :

Cloner et installer

Clonez le dépôt et exécutez pnpm install.

Copier les variables

Dans le panneau GitHub, cliquez sur Copier les variables d’environnement locales, puis collez le presse-papiers dans un fichier .env à la racine du projet.

Démarrer l’application

Exécutez pnpm dev.

Le contenu copié correspond à ce que l’application reçoit dans le propre bac à sable de Teable : vos Secrets, ainsi que les variables que la plateforme injecte pour le point de terminaison API de l’application, le jeton d’accès et l’accès à l’IA.

La ligne TEABLE_APP_TOKEN de ce fichier donne accès aux données de l’application ; c’est pourquoi seuls les membres disposant d’un accès de modification à l’application peuvent la copier. Ne validez jamais le fichier et ne le collez jamais dans une issue ou une pull request.

Pour ajouter ou modifier un secret, modifiez les Secrets dans Teable plutôt que le fichier local. Un fichier .env validé dans GitHub ne crée ni ne met à jour de Secret. Après avoir modifié un secret, copiez à nouveau les variables pour actualiser votre fichier .env local.

Dissocier le dépôt

Cliquez sur l’icône de suppression à côté du nom du dépôt et confirmez. La synchronisation s’arrête, et le dépôt ainsi que son code restent sur GitHub. Lier à nouveau la même application plus tard crée un nouveau dépôt au lieu de se reconnecter à l’ancien.

Publication et gestion

Publier votre application

Lorsque votre application est prête, cliquez sur le bouton Publier (icône de flèche) dans l’angle supérieur droit.

URL publique : Teable génère une URL sécurisée et publiquement accessible pour votre application.
Domaine personnalisé : associez votre propre domaine à l’application.
Afficher la marque : utilisez Afficher la marque dans le menu Publier pour contrôler si l’application publiée affiche le badge Créé avec Teable. Si vous modifiez ce paramètre après la publication, cliquez sur Redéployer pour l’appliquer.
Dépublier : pour une application publiée, utilisez Dépublier dans le menu de publication pour mettre le lien public hors ligne.
Modifications de configuration de l’application : lorsque le menu de publication affiche La configuration d’exécution a changé. Redéployez pour l’appliquer à l’application en direct ou Le paramètre de marque a changé. Redéployez pour l’appliquer à l’application en direct, cliquez sur Redéployer.
Ouvrir l’application publiée : une fois une application publiée, l’icône à côté de Publier ouvre l’application en direct dans un nouvel onglet.

Masquer le badge Créé avec Teable nécessite l’offre Business ou une offre supérieure.

Dépublier une application

Pour mettre une application publiée hors ligne, ouvrez le menu Publier et cliquez sur Dépublier. Après confirmation, l’URL publique de l’application n’est plus accessible. La dépublication ne supprime pas l’application ni son historique de modifications. Vous pouvez continuer à modifier l’application et la publier à nouveau ultérieurement.

Domaines personnalisés

Les domaines personnalisés nécessitent l’offre Business ou une offre supérieure.

Utilisez Domaine personnalisé pour associer un domaine à l’application publiée. Un sous-domaine est recommandé, par exemple app.yourdomain.com. Après avoir saisi le domaine, Teable affiche les enregistrements DNS à ajouter. Ajoutez les enregistrements auprès de votre fournisseur DNS, attendez leur propagation, puis vérifiez le domaine dans Teable. Vous pouvez également utiliser un sous-domaine disponible sous teable.app et modifier le préfixe teable.app, par exemple your-name.teable.app.

Informations personnalisées du site

Utilisez Informations personnalisées du site dans le menu Publier pour définir l’icône de l’onglet du navigateur, le titre de page et la description de l’application publiée. La boîte de dialogue prévisualise leur apparence commune à mesure que vous les modifiez.

Paramètre	Ce qu’il contrôle
Favicon	L’icône affichée dans l’onglet du navigateur. Téléversez un fichier PNG, JPEG, WebP, SVG ou ICO d’une taille maximale de 5 Mo ; 32×32 est la taille recommandée. Supprimez le fichier téléversé pour revenir à l’icône Teable par défaut.
Titre	Le titre de la page, avec un maximum de 120 caractères.
Description	La description du site dans les métadonnées de la page, avec un maximum de 500 caractères.

Laissez un champ vide pour conserver la valeur que le Créateur d’applications a écrite pour vous. L’enregistrement applique la modification à l’environnement d’aperçu de l’application ; l’application publiée ne l’utilise qu’après une nouvelle publication.

Connexion à l’application

Cliquez sur Ajouter une connexion dans l’en-tête de l’application pour exiger des visiteurs qu’ils se connectent avant de pouvoir utiliser l’application. Une fois la connexion configurée, le bouton devient Paramètres de connexion. Lorsque vous activez la connexion :

Choisissez où stocker les utilisateurs de l’application. Vous pouvez créer une Table Utilisateurs ou réutiliser une Table existante avec un Champ d’e-mail. Chaque utilisateur connecté est stocké sous forme d’un Enregistrement, et la même Table d’utilisateurs peut être réutilisée par plusieurs applications.
Choisissez au moins une méthode de connexion, telle que OTP par e-mail, Google ou Teable. Les méthodes disponibles dépendent des paramètres d’authentification de votre instance.
Choisissez une politique d’accès : Tout le monde peut s’inscrire, Domaines d’e-mail autorisés ou Sur invitation uniquement.

Les modifications de connexion apparaissent dans l’environnement d’aperçu de l’application après son rechargement. Publiez à nouveau l’application pour appliquer ces modifications à l’application publiée.

Historique des versions et restauration

Teable suit automatiquement chaque déploiement.

Cliquez sur le bouton Historique (icône d’horloge) pour afficher la liste de toutes les versions déployées.
Restauration en un clic : si une nouvelle mise à jour provoque des problèmes, vous pouvez instantanément restaurer l’application en direct vers toute version stable précédente.

Correction automatique

Si vos modifications de code personnalisé provoquent une erreur de compilation, le déploiement échoue.

Teable fournit un bouton Correction automatique à côté du journal d’erreurs.
En cliquant dessus, vous permettez à l’IA d’analyser l’erreur de compilation et de corriger automatiquement le code afin de résoudre le problème.

Supprimer une application

Pour supprimer une application, cliquez sur le bouton Paramètres (icône d’engrenage) dans l’en-tête et sélectionnez Supprimer.

Bonnes pratiques

Pour les modèles de prompts, les conseils de création, les recommandations de restauration et le dépannage courant, consultez le Guide pratique du Créateur d’applications.

FAQ

Effacer la conversation supprime-t-il l’application ?

Non. Effacer la conversation supprime uniquement l’historique de chat de la conversation de l’application actuelle. Cela ne supprime pas l’application elle-même. Utilisez cette option lorsque la conversation s’est écartée du sujet et que vous souhaitez recommencer.

Comment télécharger ou importer le code de l’application ?

Passez à l’onglet Code dans l’éditeur, cliquez sur le menu ... dans la barre d’onglets, puis choisissez Télécharger le code ou Importer le code. Les fichiers ZIP importés peuvent atteindre 20 Mo et remplacent le projet existant ; incluez donc chaque fichier source que vous souhaitez conserver. Le projet importé doit inclure un fichier package.json à la racine. Un fichier .env à la racine est importé dans les Secrets de l’application.

Quand les paramètres de connexion s’appliquent-ils à l’application en direct ?

Les paramètres de connexion apparaissent dans l’environnement d’aperçu de l’application après son rechargement. Publiez à nouveau l’application pour appliquer ces modifications à l’application publiée.

Comment une application peut-elle appeler des modèles IA lors de son exécution ?

Indiquez au Créateur d’applications la fonctionnalité IA souhaitée, par exemple un assistant de réponse, un résumé de soumission ou un classificateur de demandes. Le Créateur d’applications peut activer l’accès à l’IA et ajouter le code de cette fonctionnalité. L’aperçu de l’application utilise la nouvelle version après que le Créateur d’applications a terminé la modification. L’application publiée ne l’utilise qu’après une nouvelle publication. Les appels IA effectués via cette application apparaissent sous IA de l’application dans les détails d’utilisation des crédits.

Comment l’IA intégrée et l’IA dans l’application sont-elles facturées ?

IA intégrée inclut les fonctionnalités IA disponibles directement dans Teable, telles que la génération de Champ IA, Chat IA, le bot IM et le Créateur d’applications. Ces fonctionnalités utilisent actuellement des Crédits à un tarif considérablement réduit.IA dans l’application désigne les fonctionnalités IA utilisées dans les applications créées avec le Créateur d’applications. L’utilisation est facturée au tarif API officiel du fournisseur de modèle sélectionné, sans majoration ni remise. 1 USD d’utilisation d’API équivaut à 100 Crédits.

Comment restaurer une version précédente ?

Cliquez sur le bouton Historique (icône d’horloge) pour afficher les versions déployées, puis restaurez l’application en direct vers une version stable précédente.

Pourquoi le Créateur d’applications indique-t-il qu’un Agent est occupé dans une autre conversation ?

Chaque utilisateur peut exécuter jusqu’à 3 Agents en même temps, y compris Chat IA et le Créateur d’applications. Si le Créateur d’applications indique qu’un Agent est occupé dans une autre conversation, une autre tâche est toujours en cours. Attendez la fin de la tâche précédente avant de continuer.

Comment les crédits sont-ils remboursés lorsqu’une exécution du Créateur d’applications échoue ?

Une exécution du Créateur d’applications peut inclure plusieurs étapes de traitement. La conversation et la page de facturation affichent toutes deux le total des Crédits de cette exécution. Le travail que Cuppy a déjà terminé et enregistré reste utilisable. Si l’étape finale est interrompue par une erreur inattendue, les Crédits de cette étape interrompue sont remboursés automatiquement. Vous pouvez continuer à travailler dans la même conversation d’application.

Où configurer le Créateur d’applications pour l’auto-hébergement ?

Si vous exécutez Teable en auto-hébergement, suivez la configuration de la page Paramètres IA. Si le Créateur d’applications utilise votre propre clé (BYOK), le modèle de chat doit provenir d’un fournisseur compatible OpenAI ou Anthropic. Pour une assistance au déploiement, contactez Teable à l’adresse support@teable.ai.

Si vous sélectionnez Vercel sous Moteur de déploiement, assurez-vous que votre instance Teable et le stockage d’objets (MinIO / S3) sont tous deux publiquement accessibles, puis utilisez Tester l’accès public sur la page Paramètres IA. Cette vérification n’est pas requise lorsque vous sélectionnez Infrastructure Teable.

IA

Espace

Automatisation

Base

Matrice d’autorité

SSO

Comparaison

Créateur d’applications

Présentation

Créer une application