Ressources publiques

• Accessibles publiquement — une fois synchronisés avec le serveur, les fichiers sont servis à une URL publique. Aucune authentification n’est nécessaire pour y accéder.
• Disponibles dans les composants frontaux — utilisez les URL des ressources pour afficher des images, des icônes ou tout média dans vos composants React.
• Disponibles dans les fonctions logiques — référencez des URL de ressources dans des e-mails, des réponses d’API ou toute logique côté serveur.
• Utilisés pour les métadonnées de marketplace — les champs logo et galleryImages dans defineApplication() référencent des fichiers de ce dossier (p. ex., public/logo.png). Celles-ci sont affichées dans la marketplace lorsque votre application est publiée. Les URL absolues externes sont ignorées pour ces champs — intégrez plutôt les images dans public/. Chaque image ne doit pas dépasser 10 Mo.
• Synchronisés automatiquement en mode dev — lorsque vous ajoutez, mettez à jour ou supprimez un fichier dans public/, il est automatiquement synchronisé avec le serveur. Aucun redémarrage nécessaire.
• Inclus dans les builds — yarn twenty dev:build regroupe toutes les ressources publiques dans la sortie de distribution.

​

Accéder aux ressources publiques avec getPublicAssetUrl

import { defineLogicFunction } from 'twenty-sdk/define';
import { getPublicAssetUrl } from 'twenty-sdk/utils';

const handler = async (): Promise<any> => {
  const logoUrl = getPublicAssetUrl('logo.png');
  const invoiceUrl = getPublicAssetUrl('templates/invoice.png');

  // Fetch the file content (no auth required — public endpoint)
  const response = await fetch(invoiceUrl);
  const buffer = await response.arrayBuffer();

  return { logoUrl, size: buffer.byteLength };
};

export default defineLogicFunction({
  universalIdentifier: 'a1b2c3d4-...',
  name: 'send-invoice',
  description: 'Sends an invoice with the app logo',
  timeoutSeconds: 10,
  handler,
});

import { defineFrontComponent } from 'twenty-sdk/define';
import { getPublicAssetUrl } from 'twenty-sdk/utils';

const CompanyCard = () => {
  const logoUrl = getPublicAssetUrl('logo.png');

  return <img src={logoUrl} alt="App logo" />;
};

export default defineFrontComponent({
  universalIdentifier: '...',
  name: 'company-card',
  component: CompanyCard,
});