Edition 2025

L'Automatisation & Le Low-Code

Devenez un "Product Builder" complet. Maîtrisez le No-Code pour la vitesse, le Low-Code pour la puissance, et l'IA pour l'intelligence.

01

L'Écosystème 2025

No-Code, Low-Code & Vibe Coding

Interface Vibe Coding Futuriste 2025
La Triade du Builder 2025 :
Le marché a mûri. On ne dit plus juste "No-Code". On distingue trois approches selon le besoin : Vitesse, Puissance, ou Intelligence.

A. Le No-Code (Visual First)

Philosophie : "Je vois ce que je construis." Idéal pour le Marketing, le Design et les MVP rapides. La barrière technique est nulle.

🛠 La Stack No-Code Incontournable :

Webflow / Framer

Sites vitrines "Pixel Perfect". Le standard des designers.

Bubble

Le roi des WebApps. BDD + Frontend + Workflows tout-en-un.

Softr / Glide

Transformez un Airtable/Google Sheet en appli en 5 minutes.

Make / Zapier

La colle du web. Connectez vos apps entre elles.

VOCABULAIRE CLICABLE :

B. Le Low-Code (Logic First)

Philosophie : "Je ne réinvente pas la roue, mais je veux du custom." Pour les DSI, les outils internes et le Backend robuste.

🛠 La Stack Low-Code Robuste :

Appsmith / Retool

Dashboards admin & outils internes. On peut injecter du JS partout.

Supabase / Xano

"Backend as a Service". Base de données + Auth + API prêtes à l'emploi.

n8n

Automation complexe avec code Python/JS. Dockerisable.

FlutterFlow

Créez de vraies apps mobiles natives (iOS/Android) avec export de code.

VOCABULAIRE CLICABLE :

C. Le Vibe Coding (AI First)

Philosophie : "L'anglais est le nouveau langage de programmation." Vous êtes l'architecte, l'IA est l'ouvrier.

🛠 Le Laboratoire 2025 :

AI IDEs

• Cursor (Le standard)
• Windsurf (Context aware)
• Trae (L'outsider)
• AntiGravity (Deepmind)

Generators

• bolt.new (Full Stack)
• lovable.dev (SaaS fast)
• v0.dev (UI React/Tailwind)

Agents

• Claude Code (CLI Refactor)
• Replit Agent (Zero to Cloud)

VOCABULAIRE CLICABLE :
02

Intelligence Artificielle

Fondations & Concepts

Objectif : Comprendre la mécanique réelle pour mieux orchestrer les Agents.
Public : Product Builders avancés. Pas de maths complexes, juste de la logique métier.

⚠️ Erreur Fréquente

Ne confondez pas Intelligence Biologique (Compréhension, Sens, Conscience) et Intelligence Statistique (Corrélation, Prédiction, Probabilité).

🧠 L'Analogie

"L'IA sait expliquer la gravité avec une précision Nobel, sans jamais avoir ressenti le poids de son propre corps."

A. Machine Learning & Deep Learning

Le Pipeline ML Simplifié

  1. Data : Le carburant (Images, Textes, Logs).
  2. Training : L'entrainement (Calculs massifs sur GPU).
  3. Model : Le moteur figé (Le fichier "poids").
  4. Inference : La prédiction (L'usage quotidien).

Les Types d'Apprentissage

    Supervisé
    On donne l'exemple. Input: Photo Chat -> Output: "Chat".
    Usage: Spam, Fraude.
    Non-Supervisé
    On laisse chercher les patterns. Input: Clients -> Output: Clusters.
    Usage: Segmentation.
    Renforcement (RL)
    Punition / Récompense. Input: Mario -> Output: Score.
    Usage: Robotique, AlphaGo, ChatGPT (RLHF).

B. Architectures Clés

CNN

Vision & Pixels. "Voit" les bords, puis les formes, puis les objets.

Transformers

Langage & Séquences. Gère l'Attention (Le contexte entre les mots lointains).

Vectors / Embeddings

La clé du RAG. Transforme du texte en liste de nombres (coordonnées GPS du sens).

Chat = [0.1, 0.9, 0.3]
Chien = [0.1, 0.8, 0.4]

C. Le RAG (Retrieval Augmented Generation)

Le LLM a une "mémoire figée" (sa date de training). Le RAG lui donne une "mémoire vive" (VOS documents).

Le Pipeline RAG :

Question User -> Recherche Vectorielle (Base de connaissance) -> Récupération des chunks pertinents -> Injection dans le Prompt -> Réponse du LLM

D. Prompt Engineering : La Méthode

Framework "CRISPE"

  • Context : "Tu es un expert Sr..."
  • Role : "Agis comme un CTO..."
  • Intent : "Le but est de..."
  • Specifics : "Pas de jargon..."
  • Parameters : "Tableau Markdown..."
  • Example : "Comme ceci..." (Few-Shot)

Techniques Avancées

    Chain of Thought (CoT)
    "Pense étape par étape". Force le modèle à décomposer la logique.
    Few-Shot
    Donner 2 ou 3 exemples de couples (Input -> Output) dans le prompt.
    System Prompt
    Les instructions "Dieu" inamovibles, invisibles pour l'utilisateur final.

⚙️ Specs Techniques

  • Tokens : Unité de facturation. (IN + OUT).
  • Window : Mémoire à court terme (128k = ~300 pages).
  • Temperature : Créativité (0 = Robot, 1 = Poète).

⚠️ Risques & Mitigation

  • Hallucinations : Le modèle invente pour combler.
    -> Solution : RAG + "Si tu ne sais pas, dis-le".
  • Biais : Reflet d'Internet.
  • Oubli : Dépassement de fenêtre.
Pourquoi maîtriser ça pour l'automatisation ?
Si vous ne comprenez pas les Tokens, vous exploserez votre budget API. Si vous ne comprenez pas le RAG, vos bots de support diront n'importe quoi. Si vous ne structurez pas vos Prompts, n8n ne pourra pas parser le JSON de réponse.
03

Architecture n8n

Maîtriser l'OS de l'Automatisation

Architecture n8n Isométrique
Le Piège Classique :
n8n n'est pas "juste" un Zapier moins cher. C'est un environnement de développement visuel. Si vous ne comprenez pas le passage des données (Items), vous serez bloqué au premier IF.

1. La Structure "Item"

Tout tourne autour du JSON. Un nceud reçoit un Tableau et renvoie un Tableau.

[ { "json": { "email": "alice@corp.com", "id": 1 }, "pair": 0 }, { "json": { "email": "bob@corp.com", "id": 2 }, "pair": 1 } ]

2. L'Expression Language

Pour rendre les nœuds dynamiques, on utilise des expressions JavaScript (doubles accolades).

    {{ $json.email }}
    Accède à la propriété "email" de l'item courant.
    {{ $now.plus(1, 'days') }}
    Gère les dates (librairie Luxon intégrée).
    {{ $node["Trigger"].json.id }}
    Va chercher une donnée spécifique dans un nœud précédent (Back-reference).

🛠 Debugging & Optimisation

🔍 Lire les Logs

Dans l'historique d'exécution :

  • Input : Ce qui est rentré dans le nœud.
  • Output : Ce qui en est sorti.
  • Si Output est vide, le nœud a filtré toutes les données.

📌 Pin Data

Ne rejouez pas tout le workflow à chaque test API !

Cliquez sur l'épingle d'un nœud pour figer ses données de sortie. Le nœud suivant utilisera ces données "mockées" sans rappeler l'API précédente.

🧩 Les Nœuds Indispensables

Merge Node

• Append : Met les tableaux bout à bout.
• Wait (Mode "Pass-through") : Attend que la branche A soit finie avant de lancer la B. Vital pour séquencer les actions.

Switch / If

Dirige le trafic. Le "Switch" est plus propre que des "If" en cascade.
Ex: Routez par "Type de Client" (VIP, Standard, Prospect).

Split In Batches

Pour ne pas faire exploser la RAM ou les limites API.
"Traite ces 1000 emails par paquets de 10."

Code Node

L'échappatoire. Quand le No-Code est trop lourd, 5 lignes de JS résolvent le problème. Manipulation complexe d'Arrays ou Regex.

Cas Pratique : Lead Enrichment Machine

1. Webhook : Reçoit l'email depuis Typeform.
⬇️
2. API Clearbit/Apollo : "Qui est ce prospect ?" (Job, Taille boîte).
⬇️
3. IF : Est-ce un CEO de +50 employés ?
├── OUI :
│ ├── AI Agent : Rédige une intro personnalisée LinkedIn.
│ ├── HubSpot : Crée le deal "Hot Lead".
│ └── Slack : Notifie l'équipe Sales 🔥.
└── NON :
└── Mailchimp : Ajoute à la newsletter classique.
Astuce Pro : Nommez TOUJOURS vos nœuds (ex: "Get_User_Data" au lieu de "HTTP Request 1"). Votre "Future You" (dans 3 mois) vous remerciera quand il faudra déboguer $node["HTTP Request 43"].
04

Agents & MCP

Le Cerveau avec des Mains

Essaim d'agents IA
L'Analogie Ultime :
Une IA classique (ChatGPT) est un Encyclopédiste paralysé dans un bocal. Il sait tout, mais ne peut rien toucher.
Un Agent IA est ce même encyclopédiste à qui on a greffé des bras (Tools) et donné un accès internet.

🧠 La Formule Magique

Agent = LLM + Tools + ReAct Loop

ReAct (Reasoning + Acting) est la boucle infinie :

  1. OBSERVE : "L'utilisateur veut la météo."
  2. REASON : "Je ne connais pas la météo. J'ai un outil météo."
  3. ACT : "J'appelle `get_weather(Paris)`."
  4. OBSERVE : "L'outil a répondu 15°C."
  5. ACT : "Je réponds à l'utilisateur."

🤖 Les Types d'Agents

    Single Agent
    Un seul cerveau avec plusieurs outils (ex: Le bot Support Client).
    Multi-Agent (Swarm)
    Une équipe de spécialistes. Un "Manager" délègue à un "Coder", un "Reviewer" et un "Designer".
    Outils : CrewAI, AutoGen, LangGraph.

Le Standard MCP (Model Context Protocol)

C'est l'USB-C de l'IA. Avant MCP, connecter Claude à Google Drive demandait du code complexe. Avec MCP, c'est du Plug & Play.

Host (L'Hôte)

L'application où vous chattez (Claude Desktop, Cursor, n8n).

Server (L'Outil)

Le connecteur qui "parle" à la donnée (Google Drive MCP, Slack MCP, GitHub MCP).

Client

Le protocole qui relie les deux.

🆚 Le Match des Connexions

  • API (Classique) :
    Complexe. Demandé d'apprendre la doc par cœur. Code manuel.
  • Webhook :
    Passif. "Si X arrive, fais Y". L'IA subit l'événement, elle ne peut pas "chercher".
  • MCP (Agentic) :
    Actif & Découvrable. L'outil dit "Hey, je sais envoyer des mails !". L'IA répond "Cool, je t'utiliserai si besoin".

Vocabulaire Agentique

Tp

Atelier Pratique

Objectif : Agent Interne

Créer un workflow n8n qui reçoit une demande, active un Agent IA, qui consulte un outil via MCP (Brave Search) et répond.

Trigger (Webhook) -> OpenAI (Tool Calling) -> Router -> MCP Client -> OpenAI (Synthèse) -> Response
XP

Mastery : MCP & n8n

Le "Bridge" (Pour Claude)

Exposer vos workflows n8n comme des outils locaux pour Claude Desktop.

npm install -g @modelcontextprotocol/server-n8n

Le Schema Sticky Note

Décrivez vos outils directement dans le canvas n8n pour que le Bridge les détecte.

@mcp-tool: search_client inputSchema: { "email": "string" }
05

La Stack Builder

Choisir son Arme : Vitesse ou Contrôle ?

Le Dilemme : Il n'y a pas de "Meilleure Stack". Il y a la bonne stack pour le bon stade de projet.
Attention : Passer du "Tout SaaS" au "Self-Hosted" change votre métier de "Marketer" à "DevOps".

A. Les 3 Profils (Personas)

🚀 1. Solo Starter

"Je veux lancer mon MVP en 48h."

    Front
    Softr (Portail Client) ou Framer (Landing).
    Back
    Airtable (Visuel, simple).
    Logic
    Make (Intuitif, pay-per-op).
❌ Coûte cher à l'échelle (Make).

🛠️ 2. Product Builder

"Je veux scaler et posséder ma donnée."

    Front
    Appsmith (Outils Internes) ou FlutterFlow (Mobile App).
    Back
    Supabase (Postgres Open Source).
    Logic
    n8n (Self-Hosted, illimité).
✅ Rapport Puissance/Prix imbattable.

🏢 3. Enterprise

"Sécurité, SSO, Compliance."

    Front
    Retool (Le standard Corporate).
    Back
    Xano (Certifié, Scalable).
    Logic
    n8n Enterprise ou Custom Code.
❌ Très cher (Retool ~$50/user).

B. Deep Dive : Les Piliers

⚡ Supabase (Backend)

Open Source

L'alternative à Firebase. C'est une vraie base PostgreSQL avec une couche d'API automatique.

  • Auth : Gestion utilisateurs (Magic Link, Google, Apple) incluse.
  • Realtime : Écouter les changements de la base en direct.
  • Storage : Hébergement de fichiers (Images, PDF).

🎨 Appsmith (Frontend)

JS Power

Pour construire des Dashboards Admin, CRM, et outils internes.

  • Drag & Drop : Boutons, Tableaux, Graphiques.
  • JS Everywhere : {{ Table1.selectedRow.email }}. Tout est connectable.
  • Git Sync : Versionnez vos apps comme du code.

📧 Resend (Transactional)

Dev Friend

Le standard moderne pour envoyer des emails (Welcome, Reset Password). Remplace SendGrid/Mailgun. API ultra-simple et templates React.

C. Le "Glue Pattern" (Exemple d'Architecture)

Comment tout connecter pour un flux d'inscription utilisateur :

1. Front (FlutterFlow) : L'user remplit le formulaire.
⬇️ API Call
2. Back (Supabase Auth) : Crée l'user et sécurise le mot de passe.
⬇️ Webhook (Trigger)
3. Logic (n8n) : Reçoit l'ID du nouvel user.
⬇️ Enrichissement
4. Agent IA : "Génère un message de bienvenue personnalisé".
⬇️ API Call
5. Email (Resend) : Envoie le mail.
⬇️ Notification
6. Slack : "Nouveau client inscrit !"

💰 Free Tiers (2025)

  • Supabase : 500MB Data (Généreux).
  • Resend : 3000 mails/mois (Suffisant MVP).
  • n8n : Desktop (Gratuit/Illimité) ou Cloud (20€/mois).
  • Appsmith : Cloud Community (Gratuit).

📚 Ressources

06

Gouvernance & Standards

Professionnaliser le Chaos

Le Scénario Catastrophe :
Le freelance part. Le workflow critique plante. Personne ne sait ce qu'il fait, il n'y a pas de documentation, et la clé API est sur le compte personnel Gmail de l'ancien stagiaire.

A. Conventions de Nommage (Naming)

La première règle de la maintenance : tout doit être lisible sans ouvrir le code.

Workflows

[ENV] - [DEPT] - [ACTION]

  • PROD - SALES - Enrich Leads
  • DEV - MKT - Sync Newsletter
  • TEST - IT - Sandbox Stripe

Nodes (Nœuds)

[Verbe] [Objet]

  • Create Airtable Record
  • Get User Email
  • Format Date
  • HTTP Request 2 ❌

B. La Documentation "Sticky Note"

Dans n8n/Make, ajoutez une "Note" visible au début du workflow avec ce template :

# Tître du Workflow **Owner:** @Geoffroy **Last Updated:** 2025-02-02 **But:** Synchroniser les nouveaux clients Stripe vers Airtable. **Inputs:** Webhook Stripe (payment.succeeded) **Outputs:** Ligne Airtable + Notif Slack **Dépendances:** API Stripe, Table 'Clients'

C. Checklists de Sécurité & RGPD

🔐 Gestion des Secrets

  • ❌ Jamais de clé API dans le JSON du workflow.
  • ✅ Utiliser le système "Credentials" de n8n.
  • ✅ Utiliser des Variables d'Environnement pour les URL/Tokens globaux.
  • ✅ Créer des clés API "Service Account" (pas liées à une personne physique).

🇪🇺 Checklist RGPD

  • Minimisation : Ne transférez que les champs nécessaires (pas tout le JSON User).
  • Droit à l'oubli : Si un user est supprimé en base, avez-vous un workflow pour le supprimer de Mailchimp/Slack ?
  • Hébergement : Vos serveurs n8n/Supabase sont-ils en UE ?

D. Patterns de Robustesse

Warning Node

Si une branche critique échoue (ex: Paiement), ne la laissez pas "juste" planter. Activez "Continue On Fail" et connectez un nœud d'alerte.

Idempotence

Si le workflow tourne 2 fois par erreur, que se passe-t-il ?
Bonne pratique : "Upsert" (Update si existe, Create sinon) au lieu de "Create".

07

🧱 Apps Open Source Self-Hostables

La Stack No-Code / Low-Code / Vibe-Code de 2025

Pourquoi Self-Hosted ? Souveraineté des données, zéro limite de lignes/exécutions, coût maîtrisé (VPS + Docker + Coolify).
100% Open Source. 100% Contrôle.

🧩 1. Construction d'Apps Internes (CRUD, Dashboards)

⭐ NocoBase (Référence 2025)

Plateforme no-code/low-code très complète, pensée comme un framework d'apps métiers.

  • ✅ Modélisation de données visuelle
  • ✅ CRUD avancé (tables, formulaires, kanban, calendar)
  • ✅ Permissions fines, rôles
  • ✅ Automatisations internes
  • ✅ Système de plugins très puissant
👉 Idéal pour CRM, ERP légers, outils internes complexes.

⭐ Appsmith

Builder open-source pour apps internes data-driven.

  • ✅ UI riche (tables, charts, forms)
  • ✅ Connexion directe aux BDD & APIs
  • ✅ JavaScript pour logique avancée
  • ✅ Très populaire, très stable
👉 Idéal comme "front universel" sur Strapi / Directus / Supabase.

Budibase

Low-code orienté équipes IT.

  • ✅ Très rapide à prendre en main
  • ✅ Bon compromis no-code / low-code
  • ✅ Formulaires, portails internes
👉 Moins extensible que NocoBase, mais plus simple.

ToolJet

Builder open-source orienté dashboards & formulaires data.

  • ✅ Simple, rapide
  • ✅ Bon pour prototypes et outils légers
👉 Moins structurant pour des apps complexes long terme.

🔁 2. Automation No-Code (Zapier / Make Self-Hostés)

⭐ n8n (Standard de Facto)

Workflow automation open-source et extensible.

  • ✅ Visuel + JavaScript
  • ✅ Grande communauté
  • ✅ APIs, BDD, IA, Webhooks
  • ✅ Orchestration complexe
👉 Pilier central de toute stack no-code moderne.

Activepieces

Alternative "Zapier-like" plus simple.

  • ✅ UX claire
  • ✅ Courbe d'apprentissage douce
  • ✅ Self-hostable
👉 Moins puissant que n8n, mais plus accessible.

Windmill (Bonus)

Plus low-code / dev-oriented.

  • ✅ Scripts + Workflows
  • ✅ Pour publics techniques

🗄️ 3. Bases de Données No-Code (Type Airtable)

⭐ NocoDB

Transforme Postgres/MySQL en Airtable-like.

  • ✅ Garde ta vraie base SQL
  • ✅ API auto-générée
  • ✅ Équipes mixtes (Tech + Métier)
👉 Très solide pour projets sérieux.

APITable

Base no-code collaborative "clé en main".

  • ✅ UX proche d'Airtable
  • ✅ Collaboration native
  • ✅ Simple à déployer
👉 Plus "produit fini", moins flexible que NocoDB.

Baserow (Bonus)

L'Airtable OSS le plus simple.

  • ✅ Très bonne UX
  • ✅ Plus simple qu'APITable

🌐 4. Backend / CMS Headless (API-First)

⭐ Directus (Préféré en 2025)

CMS + Data Platform API-first.

  • ✅ Se connecte à une DB existante
  • ✅ REST + GraphQL
  • ✅ Permissions fines
  • ✅ Parfait pour stacks no-code / IA
👉 Excellent pour Appsmith / n8n / automatisation.

Strapi

CMS headless historique.

  • ✅ Très populaire
  • ✅ Bon pour contenu éditorial
👉 Moins flexible que Directus pour data métier.

🎨 5. Sites Web, Formulaires, Front "Vibe Code"

Webstudio

Builder visuel open-source orienté web moderne.

  • ✅ HTML/CSS propre
  • ✅ Alternative OSS à Webflow

Plasmic (OSS partiel)

Front React visuel.

  • ✅ Low-code frontend avancé

Appsmith / ToolJet (Réutilisés)

Très efficaces pour portails internes.

  • ✅ Admin, dashboards
  • ✅ "Vibe code" rapide

🤖 6. No-Code + IA (Workflows Augmentés)

⭐ n8n + IA

  • ✅ Appels LLM (GPT, Claude, Local)
  • ✅ RAG Pipelines
  • ✅ Agents simples
  • ✅ Orchestration IA + Métier
👉 Incontournable.

NocoBase + Plugins IA

  • ✅ "AI Employees"
  • ✅ Génération, classification
  • ✅ IA intégrée aux apps métiers
👉 Fort pour entreprises.

Flowise (Bonus)

Builder visuel pour LLM / Agents / RAG.

  • ✅ Complément parfait à n8n

🧠 Stack "Idéale" Générique 2025

Directus (data & API)
↓
NocoDB (édition no-code si besoin)
↓
n8n (automatisation + IA)
↓
Appsmith / NocoBase (apps internes)
100% Open Source • 100% Self-Hostable • VPS + Docker + Coolify

✅ Choisir Intelligemment (Résumé)

🧩 Apps Internes
⭐ NocoBase
Alt: Appsmith
🔁 Automatisation
⭐ n8n
Alt: Activepieces
🗄️ Base Airtable
⭐ NocoDB
Alt: APITable
🌐 Backend / API
⭐ Directus
Alt: Strapi
🤖 IA Workflows
⭐ n8n
Alt: Flowise
08

Data Modeling 101

La colonne vertébrale de tout projet

Le Secret :
Une mauvaise application avec une bonne base de données peut être sauvée.
Une belle application avec une mauvaise base de données devra être entièrement reconstruite.

A. Concepts Relationnels (SQL)

1. Tables & Records

Oubliez Excel. Une base de données n'est pas une "feuille unique". C'est une collection de Tables (Clients, Commandes, Produits).

    Primary Key (PK)
    L'ID unique d'une ligne. (ex: user_id: 42). Ne change jamais.
    Foreign Key (FK)
    La référence vers une autre table. (ex: Dans la table Commandes, j'ai customer_id: 42).

2. Les Relations

  • One-to-Many (1:N)
    Un Client a plusieurs Commandes. Une Commande appartient à un seul Client.
    C'est 90% des cas.
  • Many-to-Many (N:N)
    Un Étudiant a plusieurs Cours. Un Cours a plusieurs Étudiants.
    Nécessite une "Table de Jonction" (ex: Inscriptions).

B. La Normalisation (Sanity Check)

❌ Erreur de Débutant (Flat Data)

Table Commandes:
- ID: 1
- Client: "Jean Dupont"
- Email: "jean@email.com"  <-- DUPLICATION !
- Produit: "iPhone 15"

Si Jean change d'email, vous devez modifier 50 commandes. Risque d'erreur : 100%.

✅ Donnée Normalisée

Table Clients:
- ID: 42, Nom: "Jean", Email: "jean@new.com"

Table Commandes:
- ID: 1, client_id: 42, product: "iPhone"

On change l'email à un seul endroit. Tout se met à jour par magie (via la relation).

C. Les Types de Données (Typage)

En No-Code comme en Code, soyez stricts.

String
Texte ("Hello")
Integer
Entier (42)
Boolean
Oui/Non (true)
JSON B
Donnée flexible ({...})
Pourquoi c'est important ? Vous ne pouvez pas faire une somme sur du texte "12€". Vous devez stocker 12 (Int) et EUR (String) séparément.
12

API Mastery

Lire la documentation comme un pro

A. Anatomie d'une Requête HTTP

POST https://api.stripe.com/v1/charges
Authorization: Bearer sk_test_4eC39H...
Content-Type: application/json

{
  "amount": 2000,
  "currency": "usd",
  "source": "tok_visa"
}
1. Method (Verbe)

GET (Lire), POST (Écrire), PUT/PATCH (Modifier), DELETE (Supprimer).

2. Endpoint (URL)

L'adresse du guichet unique.

3. Headers

Les métadonnées (Auth, Format). Le "sticker sur l'enveloppe".

4. Body (Payload)

Le contenu du colis (généralement en JSON).

B. Les Types d'Authentification

Basic Auth / API Key

Simple & Rapide.

Authorization: Api-Key 12345

Souvent passé en Header ou en Query Param (?key=123).

OAuth2 (Le Cauchemar nécessaire)

Sécurisé & Temporaire.

  • 1. Redirection vers Google ("Accepter ?").
  • 2. Reçoit un code.
  • 3. Échange code contre Access Token (valide 1h).
  • 4. Utilise Refresh Token pour renouveler.
Heureusement, n8n gère ça pour vous !
Polling vs Webhooks :
  • Polling (L'enfant impatient) : "On est arrivé ? On est arrivé ?" (Demande toutes les 5min). Gaspille des ressources.
  • Webhook (Le coup de fil) : "Appelle-moi quand tu arrives." Le serveur vous notifie instantanément.
Préférez toujours les Webhooks quand c'est possible.

C. Traduire le "cURL"

Les docs donnent souvent des exemples en ligne de commande (cURL). Vous devez savoir les lire pour les mettre dans n8n.

curl -X POST https://api.site.com/users \
-H "Authorization: Bearer 123" \
-d '{"name":"Bob"}'
  • -X POST -> Méthode
  • -H "..." -> Header
  • -d '...' -> Body (Data)
13

UI/UX Tools

Rendre vos outils utilisables

La Loi du Moindre Effort :
Si votre outil interne est moche et compliqué, vos collègues continueront d'utiliser Excel.
L'adoption est le seul KPI qui compte.

A. Le Framework D.A.S.H.

D - Density (Densité)

Ne bourrez pas l'écran. Laissez de l'espace blanc. Une info importante doit respirer.

A - Actionable

Un Dashboard sans boutons ne sert à rien. Ajoutez "Valider", "Refuser", "Editer" à côté des données.

S - Status

L'utilisateur doit toujours savoir ce qui se passe. (Spinners de chargement, Toasts de succès).

H - Hierarchy

Le titre en gros, le détail en petit. La couleur rouge pour l'urgence.

B. Les Feedbacks (Dialoguer avec l'User)

✅ Happy Path (Succès)

Quand l'action marche, affichez un "Toast" vert : "Client sauvegardé avec succès !".

Ne laissez pas l'utilisateur deviner si le clic a fonctionné.

❌ Unhappy Path (Erreur)

Ne dites pas "Error 500".

Dites : "Impossible de sauvegarder car l'email existe déjà."

Guidez la correction de l'erreur.

C. Check-list Formulaires

Le test "Maman" : Si vous montrez votre outil à quelqu'un qui ne connaît pas le projet, comprend-il en 5 secondes sur quel bouton cliquer ? Si non, simplifiez.
14

Code Snippets (JS)

Les 20% de code qui font 80% du travail

Pourquoi coder ?
Les nœuds No-Code sont super, mais parfois un nœud "Code" de 3 lignes remplace 15 nœuds "Loop/If/Filter" et tourne 100x plus vite.

A. Arrays (Listes)

.map()

Transformer une liste. (ex: Garder juste les emails).

const users = [ {name: "A", email: "a@test.com"}, {name: "B", email: "b@test.com"} ]; // Résultat: ["a@test.com", "b@test.com"] const emails = users.map(u => u.email);

.filter()

Garder ce qui matche une condition.

const nums = [1, 5, 10, 2]; // Résultat: [5, 10] const big = nums.filter(n => n > 4);

B. Strings (Texte)

.split()

Couper du texte.

const name = "Jean Dupont"; // Résultat: "Jean" const firstname = name.split(" ")[0];

Template Literals

Injecter des variables proprement.

const item = "Pomme"; const price = 10; // "Le prix de Pomme est 10€" const msg = `Le prix de ${item} est ${price}€`;

C. Dates (L'Enfer)

ISO 8601 (Le standard)
2025-02-02T14:00:00.000Z

Utilisez toujours ce format en interne dans n8n.

Format (Luxon)

Dans n8n expressions :

{{ $now.toFormat('dd/MM/yyyy') }}

-> 02/02/2025

D. Regex (Expressions Régulières)

Pour extraire des motifs complexes.

const text = "Contactez-moi au 06 12 34 56 78 merci.";
// Trouve un motif de 10 chiffres (simplifié)
const phone = text.match(/\d{10,}/);
Outil indispensable : Utilisez Regex101.com pour tester vos regex avant de les mettre en prod. L'IA (ChatGPT) est aussi excellente pour générer des Regex.
09

Roadmap & Ressources

Votre plan de carrière Product Builder

1

🧠 Level 1: The "Data Thinker"

Comprendre comment la donnée voyage.

🎯 Capstone Project

Créer un formulaire Typeform qui remplit automatiquement un Google Sheet PROPREMENT (bonnes colonnes, format date).

📚 Ressources
  • Youtube: "Airtable 101"
  • Concept: Bases de données relationnelles
2

🔗 Level 2: The "Connector"

APIs & Webhooks. Make/Zapier.

🎯 Capstone Project

Un bot Slack qui notifie l'équipe quand une ligne Airtable passe en statut "Gagné", via Make.

📚 Ressources
  • Doc: "Introduction to REST APIs"
  • Tool: Postman (pour tester les APIs)
3

🛠️ Level 3: The "Full Stack Builder"

Self-Hosting & Logic. n8n & SQL.

🎯 Capstone Project

Installer n8n sur Docker. Créer un Dashboard Clients sur Appsmith connecté à Supabase.

📚 Ressources
  • Channel: "The Automator" (n8n experts)
  • Course: SQL Bolt (Apprendre SQL en 1h)
4

🤖 Level 4: The "AI Architect"

Agents, RAG & Embeddings.

🎯 Capstone Project

Un Chatbot Telegram qui peut répondre à des questions sur vos PDF personnels (RAG via Vector Store).

📚 Ressources
  • LangChain Documentation
  • Anthropic Prompt Engineering Guide
5

🏭 Level 5: The "Industrialist"

Ops, Scalability, Team.

🎯 Capstone Project

Déployer une stack HA (Haute Dispo). Mettre en place Git Sync pour n8n. Passer un audit de sécurité.

📚 Ressources
  • Book: "The Phoenix Project" (DevOps culture)
  • Docker & Kubernetes Mastery

🏆 L'Objectif Final

Ne plus être celui qui "clique sur des boutons", mais celui qui "conçoit l'usine qui clique sur les boutons".

10

Business & Vente de Services

Monétiser l'Automatisation

La Réalité du Marché :
Personne ne veut acheter "un script Python" ou "un scénario Make".
Les clients achètent : Du Temps, De la Sérénité, ou Du Cash (Leads).

A. Comment Facturer ?

❌ Taux Horaire (Hourly)

"Je coûte 500€ / jour."

Pourquoi ça échoue : Plus vous êtes rapide (via l'IA), moins vous gagnez d'argent. Vous êtes puni pour votre compétence.

✅ Value Based Pricing

"Ce système vous rapporte 100k€/an. Je le vends 10k€."

L'idéal : Déconnecte le temps passé du revenu. Demande de savoir chiffrer la douleur du client.

📦 Productized Service

"Pack Scraping LinkedIn : 500€."

Le Scalable : Périmètre fixe, Prix fixe, Délivry standardisée. Vente facile.

B. Le Pitch Deck (Convaincre)

1. Le "Cost of Inaction" (COI)

Ne dites pas "ça coûte 5000€".

Dites : "Chaque mois sans ce système, vous perdez 40h de salaire commercial, soit ~2000€. En 3 mois, ne rien faire vous coûte plus cher que ma solution."

2. Scalabilité sans Recrutement

"Voulez-vous doubler votre activité ? Si oui, voulez-vous devoir doubler vos effectifs et la gestion RH associée ?"

"L'automatisation permet de doubler le volume sans doubler la masse salariale."

C. Clauses Contractuelles Vitales

⚠️ API Breaking Changes

"Le Prestataire ne peut être tenu responsable si une API tierce (ex: LinkedIn) change ses règles et casse le workflow."

Solution : Forfait Maintenance Obligatoire (15-20% du setup / mois).
🔐 Propriété Intellectuelle

Le client est-il propriétaire du scénario Make ? Ou lui louez-vous l'usage ?

(En général : Le client paye pour le setup, il est propriétaire, mais vous gardez le droit de réutiliser vos briques génériques).

Conseil de fin : Ne commencez jamais un projet sans "Cahier des Charges" validé et signé. Sinon, vous ferez 20 révisions gratuites.
11

🎁 Bonus Ressources

Apps Open Source Self-Hostables 2025 (IT Général)

Au-delà du No-Code : Les outils essentiels pour bâtir un écosystème IT complet, souverain et professionnel.
Chaque catégorie = une brique de votre infrastructure.

⚙️ 1. Gestion de Services, Docker & Infra

⭐ Portainer

Tableau de bord web pour gérer Docker / Compose.

  • ✅ Containers, images, volumes, réseaux
  • ✅ Stacks applicatives
  • ✅ Permissions multi-utilisateurs
👉 Indispensable pour gérer un VPS sans CLI permanente.
Alt: Dockge (moderne, docker-compose), Rancher (K8s)

⭐ Homarr / Dashy / Heimdall

Dashboards "Homepage" pour lister tous vos services.

  • ✅ Liens, statuts, icônes
  • ✅ Homarr : moderne, self-hosting
  • ✅ Dashy : ultra personnalisable (YAML)
👉 Point d'entrée unique vers votre écosystème.

💾 2. Stockage & Synchronisation de Fichiers

⭐ Nextcloud

Alternative complète à Google Drive / Workspace.

  • ✅ Fichiers, partage
  • ✅ Calendrier, contacts, tâches
  • ✅ Collaboration (OnlyOffice)
👉 Très polyvalent, mais lourd.

⭐ Seafile

Stockage & synchro ultra performant.

  • ✅ Clients desktop & mobile
  • ✅ Chiffrement, sync rapide
👉 Plus léger que Nextcloud.

ownCloud

Plus orienté entreprises / conformité.

📝 3. Notes, Documentation, Wikis

⭐ Wiki.js

Wiki moderne et propre.

  • ✅ Markdown + éditeur visuel
  • ✅ Permissions avancées
  • ✅ Stockage Git, DB, S3
👉 Excellent pour docs internes & projets IT.

⭐ HedgeDoc

Notes collaboratives Markdown temps réel.

  • ✅ Brainstorming, docs rapides
Alt: Outline (Notion-like), BookStack (wiki hiérarchique)

💬 4. Communication & Chat

⭐ Matrix (Synapse) + Element

Messagerie décentralisée.

  • ✅ Salons, messages privés
  • ✅ Ponts Slack/WhatsApp/Telegram
👉 Standard open-source du chat moderne.

⭐ Rocket.Chat / Mattermost

Alternatives Slack auto-hébergées.

  • ✅ Chat équipe, intégrations, bots
  • ✅ Mattermost : très utilisé DevOps

Mumble

Serveur voix basse latence.

  • ✅ Réunions, gaming, usage pro
👉 Simple, robuste, efficace.

📧 5. Emails & Newsletters

⭐ Mailcow

Stack mail complète clé en main.

  • ✅ SMTP / IMAP / Webmail
  • ✅ Antispam, Antivirus
  • ✅ Admin UI complète
👉 La référence pour mail auto-hébergé.
Alt: Mailu (plus léger/modulaire)

⭐ Listmonk

Gestion de newsletters et mailing lists.

  • ✅ Très rapide, API
  • ✅ Interface moderne
  • ✅ Scaling élevé
👉 Bien meilleur que beaucoup de SaaS.

🔁 6. Automatisation & No-Code (Rappel)

⭐ n8n

Pilier central : APIs, BDD, SaaS, Webhooks, IA.

Activepieces

Alternative Zapier-like plus simple.

Apache Airflow

Orchestrateur data/ETL (plus technique).

🎬 7. Médias (Photos, Vidéos, Musique)

⭐ Jellyfin

Serveur multimédia open-source.

  • ✅ Films, séries, musique
  • ✅ Clients TV, mobile, web
👉 Alternative libre à Plex.

⭐ PhotoPrism

Gestion de photos type Google Photos.

  • ✅ Classement, tags, recherche

⭐ Immich

Alternative moderne à Google Photos.

  • ✅ UX très soignée
  • ✅ Synchro mobile
  • ✅ Reconnaissance faciale
👉 Très populaire en 2025.

🧠 8. Productivité Personnelle & Collaboration

⭐ Joplin Server

Synchro pour notes Joplin chiffrées (alt. Evernote).

⭐ WBO / Excalidraw

Tableaux blancs collaboratifs (schémas, ateliers).

Radicale

Serveur CalDAV/CardDAV (agenda, contacts).

👉 Remplace Google Calendar/Contacts.

Vikunja / Focalboard

Gestion de tâches / Kanban open-source.

🧩 9. Bonus IT / Vibe Coding Moderne

🔐 Auth & Identité

  • ⭐ Keycloak
  • Authelia
  • Ory (Hydra, Kratos)

📊 Monitoring & Logs

  • ⭐ Grafana + Prometheus
  • ⭐ Uptime Kuma
  • Netdata
  • Loki (logs)

🧠 IA Self-Hostée

  • ⭐ Ollama
  • LocalAI
  • Flowise
  • Qdrant / Milvus (Vector DB)
💡 Conseil Final : Commencez petit (Portainer + Homarr + n8n), puis ajoutez les briques selon vos besoins réels.
Un VPS 4€/mois peut déjà héberger une stack impressionnante.

Validation des Acquis