Aller au contenu

Modèles de factures

nullish est livré avec un modèle par défaut tout simple, en anglais, allemand, français et italien. Tu veux des factures à ton image ? Crée ton propre modèle : toute la page est à toi, pas seulement un logo et une ligne de texte.

Les modèles se font avec le projet nullish templates. Il affiche un aperçu en direct de ta facture avec des données d'exemple : tu vois chaque changement tout de suite. Laisse une IA faire le travail, ou modifie le modèle toi-même.

  1. Fais un fork de usenullish/templates sur GitHub si tu veux garder tes modèles dans ton propre dépôt, puis clone-le :

    Fenêtre de terminal
    git clone https://github.com/usenullish/templates.git
    cd templates
    npm install
  2. Lance l'aperçu et ouvre localhost:4321 :

    Fenêtre de terminal
    npm run dev

Ouvre le projet dans un assistant de code comme Claude Code, Cursor ou Copilot, et décris ce que tu veux :

  • « Mets mon logo logo.svg en haut à gauche et notre couleur #1d4ed8 pour les titres. »
  • « Place notre adresse en pied de page et les coordonnées bancaires à côté des totaux. »
  • « Fais-le ressembler à ce PDF » (avec une ancienne facture en pièce jointe).

Le projet décrit chaque donnée de la facture, donc l'assistant sait ce qu'il a sous la main. Garde l'aperçu ouvert à côté et demande des retouches jusqu'à ce que ça te plaise.

Le modèle de facture se trouve dans src/templates/invoices/ :

  • Invoice.astro, c'est la mise en page : ce qui figure sur la page, et où.
  • i18n.json contient les textes en anglais, français, allemand et italien.

Habille-le avec du CSS tout simple ou des classes Tailwind. Les tailles sont en millimètres, comme sur papier. Le README du projet liste toutes les données de la facture et la syntaxe des modèles.

  1. Génère le modèle :

    Fenêtre de terminal
    npm run build

    Tu obtiens un fichier par langue dans templates/invoices/ : en.html, fr.html, de.html et it.html.

  2. Dans nullish, va dans Paramètres → Facturation → Modèles de documents et crée un modèle. Donne-lui un Nom.

  3. Choisis Ajouter un contenu pour chaque langue dans laquelle tu factures : sélectionne la Langue et uploade le fichier qui va avec, p. ex. fr.html pour le français.

Quand tu génères le PDF d'une facture, choisis ton modèle sous Modèle de document. Tu peux en avoir plusieurs, par exemple un par marque.