[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"pack-detail-ai-app-builders-fr":3,"seo:pack:ai-app-builders:fr":74},{"code":4,"message":5,"data":6},200,"操作成功",{"pack":7},{"slug":8,"icon":9,"tone":10,"status":11,"status_label":12,"title":13,"description":14,"items":15,"install_cmd":73},"ai-app-builders","🏗","#A21CAF","stable","Stable","Builders d'Apps IA","bolt.diy, Bolt.new, Webstudio, Budibase, ToolJet, Onlook, Sandpack — générez des apps full-stack et éditez React en direct dans le navigateur.",[16,28,38,45,52,59,66],{"id":17,"uuid":18,"slug":19,"title":20,"description":21,"author_name":22,"view_count":23,"vote_count":24,"lang_type":25,"type":26,"type_label":27},435,"b45a4842-0a5e-413f-9651-3c294157f4da","bolt-diy-ai-full-stack-app-builder-any-llm-b45a4842","bolt.diy — AI Full-Stack App Builder, Any LLM","Community fork of Bolt.new. Prompt, edit, and deploy full-stack web apps with any LLM provider. 19K+ GitHub stars.","Script Depot",357,0,"en","script","Script",{"id":29,"uuid":30,"slug":31,"title":32,"description":33,"author_name":34,"view_count":35,"vote_count":24,"lang_type":25,"type":36,"type_label":37},225,"ba69689a-ab30-4274-b6bf-1ed4a87a151b","bolt-new-ai-full-stack-web-app-generator-ba69689a","Bolt.new — AI Full-Stack Web App Generator","Prompt, run, edit, and deploy full-stack web apps in the browser. AI generates code, installs packages, runs dev server, and deploys — all from a chat interface. 16K+ stars.","AI Open Source",294,"skill","Skill",{"id":39,"uuid":40,"slug":41,"title":42,"description":43,"author_name":34,"view_count":44,"vote_count":24,"lang_type":25,"type":36,"type_label":37},882,"55aaef45-349d-11f1-9bc6-00163e2b0d79","webstudio-open-source-visual-website-builder-55aaef45","Webstudio — Open Source Visual Website Builder","Webstudio is an open-source Webflow alternative with a visual drag-and-drop editor, full CSS support, headless CMS integration, and self-hosting on Cloudflare.",382,{"id":46,"uuid":47,"slug":48,"title":49,"description":50,"author_name":22,"view_count":51,"vote_count":24,"lang_type":25,"type":36,"type_label":37},919,"ed9cefd6-34ae-11f1-9bc6-00163e2b0d79","budibase-open-source-low-code-app-builder-ed9cefd6","Budibase — Open Source Low-Code App Builder","Budibase is an open-source low-code platform for building internal tools, admin panels, dashboards, and workflow apps in minutes. Connect any database and deploy instantly.",299,{"id":53,"uuid":54,"slug":55,"title":56,"description":57,"author_name":22,"view_count":58,"vote_count":24,"lang_type":25,"type":36,"type_label":37},1185,"eac97f87-371c-11f1-9bc6-00163e2b0d79","tooljet-open-source-low-code-platform-business-apps-eac97f87","ToolJet — Open Source Low-Code Platform for Business Apps","ToolJet is an open-source low-code platform for building internal tools, dashboards, and business applications. It provides a visual app builder, workflow automation, AI integration, and connects to 30+ data sources out of the box.",279,{"id":60,"uuid":61,"slug":62,"title":63,"description":64,"author_name":34,"view_count":65,"vote_count":24,"lang_type":25,"type":36,"type_label":37},867,"0d4f9803-33e3-11f1-9bc6-00163e2b0d79","onlook-visual-ai-code-editor-react-apps-0d4f9803","Onlook — Visual AI Code Editor for React Apps","Open-source Figma-like visual editor for building React and Next.js apps with AI. Edit visually and code syncs in real-time. Design branching, team collab, deploy. Apache-2.0, 25,000+ stars.",318,{"id":67,"uuid":68,"slug":69,"title":70,"description":71,"author_name":22,"view_count":72,"vote_count":24,"lang_type":25,"type":36,"type_label":37},824,"847af291-82ed-41ac-9bec-1719afd4d3b0","sandpack-ai-powered-live-code-editor-component-847af291","Sandpack — AI-Powered Live Code Editor Component","Embed live code editors in web apps with instant preview. Sandpack by CodeSandbox powers interactive coding experiences for AI chatbots, docs, and educational platforms.",297,"tokrepo install pack\u002Fai-app-builders",{"pageType":75,"pageKey":8,"locale":76,"title":77,"metaDescription":78,"h1":13,"tldr":79,"bodyMarkdown":80,"faq":81,"schema":97,"internalLinks":107,"citations":120,"wordCount":133,"generatedAt":134},"pack","fr","Builders d'Apps IA : 7 générateurs full-stack","bolt.diy, Bolt.new, Webstudio, Budibase, ToolJet, Onlook, Sandpack — générez des apps full-stack et éditez React dans le navigateur. Installez via TokRepo.","Sept builders IA passant du prompt à une app qui tourne en quelques minutes — Bolt pour SaaS greenfield, Webstudio pour React design-first, Budibase et ToolJet pour outils internes, Onlook pour design React en direct, Sandpack pour sandboxes embarqués.","## Ce que contient ce pack\n\n| # | Builder | Idéal pour | Sortie |\n|---|---|---|---|\n| 1 | bolt.diy | générateur style Bolt self-host | app full-stack en WebContainer |\n| 2 | Bolt.new | hosted prompt-vers-SaaS | app full-stack + déploiement Netlify |\n| 3 | Webstudio | builder visuel, ergonomie design tool | React + CSS propres |\n| 4 | Budibase | outils internes avec self-host | app low-code + Postgres |\n| 5 | ToolJet | outils internes, plus de drag-drop | app low-code + connecteurs |\n| 6 | Onlook | \"Figma pour code\", édite React en direct | diffs sur votre repo React réel |\n| 7 | Sandpack | sandbox embarquable de CodeSandbox | React exécutable dans toute page |\n\nCes sept couvrent tout le spectre de \"tape une phrase, obtiens une SaaS\" à \"donne aux designers un contrôle visuel sur ma vraie codebase React\". Ils ne sont pas interchangeables — chacun parie sur quelque chose de différent : qui fait le travail et quoi est généré.\n\n## Pourquoi c'est important\n\nLa catégorie \"IA construit votre app\" est passée du gimmick au workflow réel en 2025. Trois raisons :\n\n1. **WebContainers** : le runtime Node en navigateur de StackBlitz fait qu'un npm install complet + dev server démarre en 5 secondes dans un onglet. Plus d'\"attendez qu'on provisionne un sandbox\".\n2. **Capacité de code des modèles frontier** : Claude Sonnet 3.7 et GPT-5 écrivent enfin du React qui compile et fonctionne au premier essai, pas \"presque marche après 3 corrections\".\n3. **Édition en direct sur codebases réelles** : Onlook est la percée — les designers glissent des éléments dans le navigateur et émettent des diffs propres contre votre repo existant. Plus de \"redesigner dans Figma → ingénieur réimplémente\".\n\nRésultat : construire une app CRUD depuis un prompt prend maintenant 15 minutes y compris auth, déploiement et une vraie base. Le goulot s'est déplacé du code vers la réflexion produit.\n\n## Installer en une commande\n\n```bash\n# Installe tout le pack\ntokrepo install pack\u002Fai-app-builders\n\n# Ou choisissez celui qui correspond à votre situation\ntokrepo install bolt-diy\ntokrepo install webstudio\ntokrepo install onlook\n```\n\nLa page TokRepo de chaque ressource liste les options hosted vs self-host, le coût typique en tokens par génération, et les cibles de déploiement supportées (Netlify, Vercel, Cloudflare Pages, Docker).\n\n## Pièges courants\n\n- **WebContainer != Node** : bolt.diy et Bolt.new font tourner les apps dans WebContainer, un runtime WASM compatible Node. Certains paquets npm avec bindings natifs ne marchent pas. Vérifiez votre stack avant d'engager un projet.\n- **Drift de code généré** : le React généré par IA utilise souvent des patterns légèrement hors-spec (hooks mal memoizés, bugs accidentels client\u002Fserveur). Traitez la génération comme un point de départ, pas un produit fini.\n- **Outils internes vs apps** : Budibase et ToolJet sont des builders d'*outils internes* — ils supposent un utilisateur employé authentifié. Ne les lancez pas comme SaaS client sans repenser auth, branding et cas limites.\n- **Onlook a besoin d'un vrai repo** : il édite *votre* React, pas un sandbox. Le brancher exige de lancer un process agent local. Traitez-le comme un outil designer-installe-une-fois, pas un spin-up par tâche.\n- **Dépense en tokens sur Bolt.new** : les générations d'app complète peuvent brûler 100k+ tokens par tour. Le tier hosted plafonne l'usage ; self-hoster bolt.diy avec votre propre clé Anthropic évite le plafond mais vous facture direct.\n\n## Quand ce pack seul ne suffit pas\n\nCe pack génère le *frontend*. Pour faire tourner un vrai produit il faut aussi :\n\n- **Un backend ou CMS** : voir **CMS Headless pour IA** — Strapi, Directus, Hasura — la couche données structurées vers laquelle pointer votre app générée.\n- **Une base de données** : les démos WebContainer de bolt.diy utilisent SQLite ou en mémoire ; la prod a besoin de Postgres \u002F Supabase \u002F Neon.\n- **Auth** : Bolt.new branche Auth0 ou Supabase Auth ; si self-host, planifiez-le explicitement.\n- **Pipeline de déploiement** : choisissez Netlify ou Cloudflare Pages et tenez-vous-y.\n\nPour sites docs, pages marketing ou blogs produit, vous n'avez pas besoin de ce pack — voir **Générateurs Sites Statiques & Docs**. Les app builders résolvent une forme différente de problème.\n\n## Idées reçues courantes\n\n\"Je génère une SaaS ce week-end\". Peut-être — mais le code généré c'est ~70% du travail. Flux d'auth, intégration paiement, multi-tenancy, états d'erreur, cas limites mobile responsive, consent RGPD, accessibilité et observabilité sont des choses que les builders sautent ou font mal. Ces 30% restants sont là où les produits vivent ou meurent.",[82,85,88,91,94],{"q":83,"a":84},"Ces outils sont-ils gratuits ?","bolt.diy, Webstudio (community), Budibase (community), ToolJet, Onlook (avec limites) et Sandpack sont open-source et gratuits à self-hoster. Bolt.new est hosted avec un tier gratuit et des plans payants à partir d'environ 20 $\u002Fmois. Le coût caché en hosted c'est la dépense en tokens LLM — générer une app complète peut brûler 1-3 $ par tour, et vous itérerez 5-20 fois sur un vrai projet.",{"q":86,"a":87},"Bolt.new ou bolt.diy ?","bolt.new si vous voulez une expérience hosted polie, êtes à l'aise avec leur pricing et ne vous souciez pas du choix de modèle. bolt.diy si vous voulez self-host, BYOK (Anthropic, OpenAI, Ollama local), et la possibilité de forker le générateur. La sortie est similaire ; la différence est qui fait tourner l'infra et paie la facture LLM.",{"q":89,"a":90},"Ça marche avec Cursor ou Codex CLI ?","La plupart sont des web apps standalone, pas des outils CLI — vous y allez dans le navigateur, générez, et téléchargez ou déployez. Onlook est l'exception : il s'associe à votre projet React local et vous éditez visuellement pendant que Cursor ou Codex CLI gère d'autres tâches. Sandpack est embarquable, vous pouvez le glisser dans une extension Cursor ou un site doc.",{"q":92,"a":93},"En quoi diffère de Sites Statiques & Docs ?","Les app builders génèrent des apps dynamiques full-stack avec état, auth et base. Les générateurs statiques génèrent des sites marketing\u002Fdocs prérendus sans backend. Si votre produit a des comptes utilisateurs, venez ici. Si vous lancez un blog ou une landing page, utilisez le pack statique.",{"q":95,"a":96},"Quel est le piège opérationnel ?","Sous-estimer la queue de productisation. Les builders vous amènent à une démo qui marche en une heure. Amener cette démo à un client payant ajoute auth, paiements, erreurs, monitoring, accessibilité, tests mobile, RGPD, SOC 2 sur certains marchés — typiquement 4-12 semaines supplémentaires. Planifiez-le ; ne soyez pas le founder qui lance un prototype Bolt comme produit réel au troisième jour.",{"@context":98,"@type":99,"name":100,"description":101,"numberOfItems":102,"publisher":103},"https:\u002F\u002Fschema.org","CollectionPage","AI App Builders","Seven generators that produce full-stack apps and live-edit React in the browser — bolt.diy, Bolt.new, Webstudio, Budibase, ToolJet, Onlook, Sandpack.",7,{"@type":104,"name":105,"url":106},"Organization","TokRepo","https:\u002F\u002Ftokrepo.com",[108,112,116],{"url":109,"anchor":110,"reason":111},"\u002Ffr\u002Fpacks\u002Fheadless-cms-for-ai","CMS Headless pour IA","le backend à brancher après génération",{"url":113,"anchor":114,"reason":115},"\u002Ffr\u002Fpacks\u002Fstatic-site-docs","Sites Statiques & Docs","alternative si pas besoin d'app complète",{"url":117,"anchor":118,"reason":119},"\u002Ffr\u002Ftools\u002Fbolt-new","Bolt.new","l'entrée la plus virale du pack",[121,125,129],{"claim":122,"source_name":123,"source_url":124},"bolt.diy is the open-source community fork of Bolt.new for self-hosted in-browser app generation","stackblitz-labs\u002Fbolt.diy","https:\u002F\u002Fgithub.com\u002Fstackblitz-labs\u002Fbolt.diy",{"claim":126,"source_name":127,"source_url":128},"Webstudio is an open-source visual web builder that compiles to React","webstudio-is\u002Fwebstudio","https:\u002F\u002Fgithub.com\u002Fwebstudio-is\u002Fwebstudio",{"claim":130,"source_name":131,"source_url":132},"ToolJet is an open-source low-code platform for building internal tools","ToolJet\u002FToolJet","https:\u002F\u002Fgithub.com\u002FToolJet\u002FToolJet",760,"2026-05-02T15:00:00Z"]