{"slug": "comment-remplacer-canva-et-photoshop-par-un-moteur-html-open-source-avec-guide", "title": "Comment remplacer Canva et Photoshop par un moteur HTML open source avec Playwright (Guide pratique)", "summary": "Mohamed Amine Ben Mallessa, Lead Dev at Sollea AI, replaced Canva and Photoshop with an open-source HTML rendering engine using Playwright. The new system generates event posters 10x faster, eliminating thousands of euros in annual costs and removing 500 lines of code. The engine uses simple HTML templates and JSON manifests, requiring no external design dependencies.", "body_md": "*📖 Article original : GitHub Gist*\n\n**Par Mohamed Amine Ben Mallessa — Lead Dev Sollea AI**\n\nAvec mon équipe chez Sollea AI, nous avons développé une plateforme SaaS de génération d'affiches événementielles. L'application complète — développée en Next.js 15 (frontend par Nassim Tarkhani) et FastAPI (backend par Nassim Tarkhani) — permet à des utilisateurs non techniques de remplir un formulaire et d'obtenir instantanément une affiche professionnelle prête à imprimer.\n\nLe pipeline de rendu original reposait sur deux briques externes :\n\n**Canva Connect / Autofill** : nécessitait un plan Enterprise à plusieurs milliers d'euros par an. Bloqué administrativement.\n\n**Photopea** (alternative gratuite à Photoshop dans le navigateur) : fonctionnait en théorie, mais en pratique c'était un cauchemar technique :\n\nBref : **deux impasses techniques**, une équipe bloquée, un client qui attend.\n\nJ'ai remplacé l'ensemble du pipeline par un **moteur de « render templates » HTML** qui tient dans 3 concepts :\n\n`backend/templates/<slug>/`\n\navec un `template.html`\n\n+ un `manifest.json`\n\n`postMessage`\n\nAjouter un nouveau format d'affiche ? Il suffit de déposer un dossier. **Zéro code backend, zéro code frontend.**\n\n**Résultat :** ~500 lignes de code supprimées, 0 dépendance externe de design, des affiches générées 10× plus vite.\n\nPas besoin de Canva Enterprise. Pas besoin de Photoshop. Pas besoin de SaaS payant. Un fichier HTML, un manifeste JSON, et Playwright.\n\n**L'open source a encore gagné.**\n\n*Article original publié sur GitHub Gist.*\n\n**Mohamed Amine Ben Mallessa** — Lead Dev chez Sollea AI\n\n🔗 [GitHub](https://github.com/mohamed-amine-ben-mallessa) | [LinkedIn](https://fr.linkedin.com/in/benmallessa)\n\n*Merci à **Nassim Tarkhani** pour le développement frontend et backend FastAPI.*\n\n**Sollea AI** — Développement full-stack, automatisation IA, solutions sur mesure.\n\n🔗 ** Sollea AI** ·\n\n*Équipe dirigée par **Mohamed Amine Ben Mallessa** — Lead Dev Sollea AI*", "url": "https://wpnews.pro/news/comment-remplacer-canva-et-photoshop-par-un-moteur-html-open-source-avec-guide", "canonical_source": "https://dev.to/benmallessamohamedamine/comment-remplacer-canva-et-photoshop-par-un-moteur-html-open-source-avec-playwright-guide-pratique-29cj", "published_at": "2026-07-04 14:38:09+00:00", "updated_at": "2026-07-04 15:18:57.137113+00:00", "lang": "en", "topics": ["developer-tools"], "entities": ["Sollea AI", "Mohamed Amine Ben Mallessa", "Nassim Tarkhani", "Canva", "Photoshop", "Playwright", "Next.js", "FastAPI"], "alternates": {"html": "https://wpnews.pro/news/comment-remplacer-canva-et-photoshop-par-un-moteur-html-open-source-avec-guide", "markdown": "https://wpnews.pro/news/comment-remplacer-canva-et-photoshop-par-un-moteur-html-open-source-avec-guide.md", "text": "https://wpnews.pro/news/comment-remplacer-canva-et-photoshop-par-un-moteur-html-open-source-avec-guide.txt", "jsonld": "https://wpnews.pro/news/comment-remplacer-canva-et-photoshop-par-un-moteur-html-open-source-avec-guide.jsonld"}}