{"id":2209,"date":"2026-08-15T06:07:13","date_gmt":"2026-08-15T06:07:13","guid":{"rendered":"https:\/\/convly.ai\/?p=2209"},"modified":"2026-08-15T06:07:13","modified_gmt":"2026-08-15T06:07:13","slug":"hugging-face-deepsite","status":"publish","type":"post","link":"https:\/\/convly.ai\/fr\/hugging-face-deepsite\/","title":{"rendered":"Hugging Face DeepSite : g\u00e9n\u00e9rateur d'applications web monofichiers pilot\u00e9 par l'IA"},"content":{"rendered":"<div class=\"convly-tldr\">\n<ul>\n<li>DeepSite est un espace Hugging Face gratuit disponible \u00e0 l'adresse<code>huggingface.co\/spaces\/enricoros\/deepsite<\/code> et qui transforme une simple invite textuelle en une application web HTML compl\u00e8te et autonome.<\/li>\n<li>Aucune installation ni aucun compte requis pour essayer \u2014 ouvrez simplement l\u2019URL, d\u00e9crivez votre application, cliquez sur \u00ab G\u00e9n\u00e9rer \u00bb, puis obtenez un aper\u00e7u en temps r\u00e9el et un fichier t\u00e9l\u00e9chargeable au format <code>.html<\/code> .<\/li>\n<li>Le r\u00e9sultat est un fichier unique int\u00e9grant le code CSS et JavaScript en ligne ; vous pouvez l\u2019h\u00e9berger sur Hugging Face Spaces, GitHub Pages, Netlify ou tout autre serveur statique.<\/li>\n<li>Dupliquez l\u2019espace et ajoutez-y votre propre jeton d\u2019API Hugging Face afin d\u2019\u00e9viter les files d\u2019attente et de choisir librement le mod\u00e8le souhait\u00e9.<\/li>\n<\/ul>\n<\/div>\n<p>Hugging Face DeepSite est un g\u00e9n\u00e9rateur d\u2019applications web open source fonctionnant enti\u00e8rement dans le navigateur. D\u00e9crivez l\u2019application que vous souhaitez cr\u00e9er en langage naturel, et DeepSite interroge un grand mod\u00e8le linguistique pour produire un seul fichier autonome \u2014 avec le CSS et le JavaScript int\u00e9gr\u00e9s \u2014 ex\u00e9cutable imm\u00e9diatement dans n\u2019importe quel navigateur. Aucun outil de compilation, aucun framework ni aucune d\u00e9pendance \u00e0 installer. Le processus est enti\u00e8rement bas\u00e9 sur le navigateur, ce qui signifie que les utilisateurs Windows, macOS et Linux suivent exactement les m\u00eames \u00e9tapes. <code>.html<\/code> fichier \u2014 CSS et JavaScript int\u00e9gr\u00e9s \u2014 qui s'ex\u00e9cute imm\u00e9diatement dans n'importe quel navigateur. Aucun outil de compilation, aucun framework, aucune d\u00e9pendance \u00e0 installer. Il est enti\u00e8rement bas\u00e9 sur le navigateur, aussi bien les utilisateurs Windows, macOS que Linux suivent les m\u00eames \u00e9tapes.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-flat ez-toc-counter ez-toc-container-direction\">\n<label for=\"ez-toc-cssicon-toggle-item-6a8037dc919e5\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Basculer<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #000000;color:#000000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #000000;color:#000000\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a8037dc919e5\"  aria-label=\"Basculer\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/convly.ai\/fr\/hugging-face-deepsite\/#What_DeepSite_Generates\" >Ce que g\u00e9n\u00e8re DeepSite<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/convly.ai\/fr\/hugging-face-deepsite\/#How_to_Use_DeepSite\" >Comment utiliser DeepSite<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/convly.ai\/fr\/hugging-face-deepsite\/#Understanding_the_Live_Preview\" >Comprendre l\u2019aper\u00e7u en temps r\u00e9el<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/convly.ai\/fr\/hugging-face-deepsite\/#Deploying_Your_App\" >D\u00e9ployer votre application<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/convly.ai\/fr\/hugging-face-deepsite\/#Duplicating_the_Space_for_Higher_Rate_Limits\" >Dupliquer l\u2019espace pour b\u00e9n\u00e9ficier de limites de d\u00e9bit plus \u00e9lev\u00e9es<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/convly.ai\/fr\/hugging-face-deepsite\/#Running_DeepSite_Locally\" >Ex\u00e9cuter DeepSite localement<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/convly.ai\/fr\/hugging-face-deepsite\/#Prompt_Tips_for_Better_Output\" >Conseils pour r\u00e9diger des invites efficaces<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/convly.ai\/fr\/hugging-face-deepsite\/#Limitations\" >Limitations<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/convly.ai\/fr\/hugging-face-deepsite\/#Frequently_Asked_Questions\" >Questions fr\u00e9quemment pos\u00e9es<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"What_DeepSite_Generates\"><\/span>Ce que g\u00e9n\u00e8re DeepSite<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Chaque sortie g\u00e9n\u00e9r\u00e9e par DeepSite est un seul fichier<code>.html<\/code> . Les biblioth\u00e8ques externes s\u00e9lectionn\u00e9es par le mod\u00e8le \u2014 comme Chart.js, Tailwind CSS via CDN ou Alpine.js \u2014 sont charg\u00e9es depuis un lien CDN plac\u00e9 dans la balise <code>&lt;head&gt;<\/code>et non int\u00e9gr\u00e9es (bundled). Cela permet de garder le fichier l\u00e9ger et imm\u00e9diatement portable.<\/p>\n<p>DeepSite convient particuli\u00e8rement aux cas suivants :<\/p>\n<ul>\n<li>Calculatrices interactives et convertisseurs d\u2019unit\u00e9s<\/li>\n<li>Tableaux de bord de visualisation de donn\u00e9es utilisant Chart.js ou des solutions similaires<\/li>\n<li>Jeux simples dans le navigateur (canvas 2D, jeux de mots)<\/li>\n<li>Maquettes d\u2019interfaces utilisateur interactives et cliquables<\/li>\n<li>Outils et utilitaires \u00e0 usage unique<\/li>\n<\/ul>\n<p>Il ne constitue pas un remplacement aux applications multi-fichiers React ou Vue. Pour les projets n\u00e9cessitant une base de donn\u00e9es, une authentification ou une gestion d\u2019\u00e9tat complexe, il convient de consid\u00e9rer la sortie de DeepSite comme une \u00e9bauche initiale, et non comme un produit finalis\u00e9.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_Use_DeepSite\"><\/span>Comment utiliser DeepSite<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ol>\n<li><strong>Ouvrez l\u2019espace.<\/strong> Aller \u00e0 <code>huggingface.co\/spaces\/enricoros\/deepsite<\/code>. Aucune connexion n\u2019est requise sur l\u2019instance publique, bien qu\u2019une file d\u2019attente puisse s\u2019appliquer pendant les p\u00e9riodes de forte demande.<\/li>\n<li><strong>R\u00e9digez votre invite.<\/strong> Dans le champ d\u2019invite, d\u00e9crivez concr\u00e8tement l\u2019application souhait\u00e9e. Plut\u00f4t que \u00ab une calculatrice \u00bb, \u00e9crivez plut\u00f4t \u00ab une calculatrice de pourboire dot\u00e9e d\u2019un curseur r\u00e9glable entre 10 % et 30 %, d\u2019un champ pour saisir le montant total de l\u2019addition et d\u2019un affichage du montant \u00e0 verser par personne \u00bb. La pr\u00e9cision am\u00e9liore significativement la qualit\u00e9 du r\u00e9sultat.<\/li>\n<li><strong>S\u00e9lectionnez un mod\u00e8le.<\/strong> L\u2019espace propose une liste d\u00e9roulante de mod\u00e8les. Les options disponibles varient selon les mises \u00e0 jour effectu\u00e9es par le mainteneur ; la liste actuelle est affich\u00e9e directement dans l\u2019interface utilisateur. Pour une comparaison hi\u00e9rarchis\u00e9e des mod\u00e8les sous-jacents en termes de capacit\u00e9 de programmation et de co\u00fbt, consultez la section <a href=\"https:\/\/convly.ai\/fr\/llm-leaderboard\/\">Classement des grands mod\u00e8les linguistiques (LLM)<\/a>.<\/li>\n<li><strong>Cliquez sur \u00ab G\u00e9n\u00e9rer \u00bb.<\/strong> Le mod\u00e8le transmet progressivement le code HTML vers le volet d\u2019\u00e9dition situ\u00e9 \u00e0 gauche. Un aper\u00e7u en temps r\u00e9el s\u2019affiche simultan\u00e9ment dans le volet droit.<\/li>\n<li><strong>Affinez le r\u00e9sultat \u00e0 l\u2019aide de messages compl\u00e9mentaires.<\/strong> Utilisez la zone de chat situ\u00e9e sous l\u2019aper\u00e7u pour demander des ajustements : \u00ab passez \u00e0 un fond sombre \u00bb, \u00ab ajoutez un bouton de r\u00e9initialisation \u00bb, \u00ab augmentez la taille de la police pour le r\u00e9sultat affich\u00e9 \u00bb. Le mod\u00e8le modifie alors le fichier existant plut\u00f4t que de le r\u00e9g\u00e9n\u00e9rer enti\u00e8rement.<\/li>\n<li><strong>T\u00e9l\u00e9chargez ou d\u00e9ployez.<\/strong> Cliquez <em>T\u00e9l\u00e9charger le HTML<\/em> pour enregistrer le fichier localement, ou cliquez sur <em>D\u00e9ployer sur Spaces<\/em> pour le publier comme nouvel espace Hugging Face sous votre compte.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"Understanding_the_Live_Preview\"><\/span>Comprendre l\u2019aper\u00e7u en temps r\u00e9el<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Le volet d\u2019aper\u00e7u affiche votre HTML \u00e0 l\u2019int\u00e9rieur d\u2019un cadre isol\u00e9 ( <code>iframe<\/code>) s\u00e9curis\u00e9. Certaines API navigateur \u2014 g\u00e9olocalisation, acc\u00e8s \u00e0 la cam\u00e9ra, \u00e9criture dans le presse-papiers \u2014 peuvent \u00eatre bloqu\u00e9es par les politiques de s\u00e9curit\u00e9 sandbox propres aux iframes dans l\u2019environnement Hugging Face. Si une fonctionnalit\u00e9 fonctionne dans l\u2019\u00e9diteur mais pas dans l\u2019aper\u00e7u, t\u00e9l\u00e9chargez le fichier et ouvrez-le directement dans votre navigateur afin de tester sans contrainte sandbox.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Deploying_Your_App\"><\/span>D\u00e9ployer votre application<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Le <em>D\u00e9ployer sur Spaces<\/em> Le bouton \u00ab D\u00e9ployer \u00bb g\u00e8re automatiquement l\u2019ensemble du flux (connexion requise \u00e0 Hugging Face) :<\/p>\n<ol>\n<li>Cr\u00e9e un nouvel espace sous votre compte, configur\u00e9 avec le SDK \u00ab <strong>Statique<\/strong> \u00bb \u2014 sans serveur, uniquement h\u00e9bergement de fichiers.<\/li>\n<li>T\u00e9l\u00e9verse votre fichier <code>index.html<\/code> comme seul \u00e9l\u00e9ment.<\/li>\n<li>Attribue une URL publique au format <code>huggingface.co\/spaces\/&lt;votre-nom-d-utilisateur&gt;\/&lt;nom-de-l-espace&gt;<\/code>.<\/li>\n<\/ol>\n<p>Les espaces statiques sont gratuits. L\u2019application devient accessible publiquement en quelques secondes apr\u00e8s d\u00e9ploiement. Vous pouvez \u00e9galement h\u00e9berger ce fichier sur n\u2019importe quelle plateforme capable de servir du contenu statique :<\/p>\n<table>\n<thead>\n<tr>\n<th>Plateforme<\/th>\n<th>Comment d\u00e9ployer<\/th>\n<th>Niveau gratuit<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Hugging Face Spaces (statique)<\/td>\n<td>Utilisez le bouton \u00ab D\u00e9ployer \u00bb int\u00e9gr\u00e9<\/td>\n<td>Oui<\/td>\n<\/tr>\n<tr>\n<td>GitHub Pages<\/td>\n<td>Validation <code>index.html<\/code> dans un d\u00e9p\u00f4t, activez Pages dans les param\u00e8tres<\/td>\n<td>Oui<\/td>\n<\/tr>\n<tr>\n<td>Netlify<\/td>\n<td>Glissez-d\u00e9posez le fichier sur netlify.com\/drop<\/td>\n<td>Oui<\/td>\n<\/tr>\n<tr>\n<td>Vercel<\/td>\n<td>Ex\u00e9cuter <code>vercel --prod<\/code> \u00e0 partir d\u2019un r\u00e9pertoire contenant le fichier<\/td>\n<td>Oui (des limites s\u2019appliquent)<\/td>\n<\/tr>\n<tr>\n<td>N\u2019importe quel serveur web<\/td>\n<td>Copiez-le dans le r\u00e9pertoire racine du site et servez-le comme HTML statique<\/td>\n<td>Variable<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><span class=\"ez-toc-section\" id=\"Duplicating_the_Space_for_Higher_Rate_Limits\"><\/span>Dupliquer l\u2019espace pour b\u00e9n\u00e9ficier de limites de d\u00e9bit plus \u00e9lev\u00e9es<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>L\u2019espace public est partag\u00e9 ; durant les p\u00e9riodes de forte activit\u00e9, vous risquez d\u2019\u00eatre mis en file d\u2019attente. Le dupliquer vous fournit une instance priv\u00e9e fonctionnant sur votre propre compte Hugging Face, avec son propre quota d\u2019appels \u00e0 l\u2019API.<\/p>\n<ol>\n<li>Connectez-vous \u00e0 Hugging Face.<\/li>\n<li>Ouvrir <code>huggingface.co\/spaces\/enricoros\/deepsite<\/code>.<\/li>\n<li>Cliquez sur le menu \u00e0 trois points (&hellip;) dans le coin sup\u00e9rieur droit, puis s\u00e9lectionnez <strong>Dupliquer cet espace<\/strong>.<\/li>\n<li>Choisissez un nom et une visibilit\u00e9 (publique ou priv\u00e9e), puis cliquez sur <strong>Dupliquer l\u2019espace<\/strong>.<\/li>\n<li>Dans les param\u00e8tres de votre espace dupliqu\u00e9, ajoutez un secret nomm\u00e9 <code>HF_TOKEN<\/code> contenant un jeton d\u2019API Hugging Face dot\u00e9 d\u2019un acc\u00e8s \u00e0 l\u2019API d\u2019inf\u00e9rence. DeepSite utilisera ce jeton pour tous les appels aux mod\u00e8les.<\/li>\n<\/ol>\n<p>Si vous h\u00e9sitez entre utiliser l\u2019espace public gratuit ou payer pour votre propre quota d\u2019inf\u00e9rence, le <a href=\"https:\/\/convly.ai\/fr\/self-hosting-vs-api-calculator\/\">Calculateur de seuil de rentabilit\u00e9 entre h\u00e9bergement local et utilisation d\u2019une API<\/a> permet de quantifier la diff\u00e9rence de co\u00fbt selon le volume attendu de g\u00e9n\u00e9ration.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Running_DeepSite_Locally\"><\/span>Ex\u00e9cuter DeepSite localement<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Le code source de DeepSite est un d\u00e9p\u00f4t git standard h\u00e9berg\u00e9 sur Hugging Face. Vous pouvez le cloner et l\u2019ex\u00e9cuter localement contre un serveur d\u2019inf\u00e9rence local (Ollama, vLLM, llama.cpp avec un point de terminaison compatible OpenAI).<\/p>\n<pre><code>git clone https:\/\/huggingface.co\/spaces\/enricoros\/deepsite\ncd deepsite\nnpm install\nnpm run dev<\/code><\/pre>\n<p>Les noms des variables d\u2019environnement pour le point de terminaison du mod\u00e8le peuvent changer entre versions ; consultez le fichier <code>README.md<\/code> ou tout autre fichier<code>.env.example<\/code> apr\u00e8s le clonage, plut\u00f4t que de compter sur un nom de variable fixe. Pour ex\u00e9cuter localement un mod\u00e8le performant de g\u00e9n\u00e9ration de code, v\u00e9rifiez d\u2019abord si votre GPU dispose de suffisamment de m\u00e9moire \u2014 les mod\u00e8les ax\u00e9s sur le code, allant de 7 \u00e0 34 milliards de param\u00e8tres, constituent la fourchette pratique pour la plupart des mat\u00e9riels grand public. Utilisez le <a href=\"https:\/\/convly.ai\/fr\/llm-vram-calculator\/\">Calculateur de VRAM<\/a> pour confirmer que votre GPU peut g\u00e9rer le mod\u00e8le cible avant de le t\u00e9l\u00e9charger.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Prompt_Tips_for_Better_Output\"><\/span>Conseils pour r\u00e9diger des invites efficaces<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><strong>Nommez explicitement les \u00e9l\u00e9ments de l\u2019interface utilisateur.<\/strong> \u00ab Une liste d\u00e9roulante pour la s\u00e9lection de la devise \u00bb est plus fiable que \u00ab un moyen de choisir une devise \u00bb.<\/li>\n<li><strong>Pr\u00e9cisez le style visuel.<\/strong> \u00ab Mode sombre, disposition en cartes, coins arrondis \u00bb oriente mieux la g\u00e9n\u00e9ration du CSS. En l\u2019absence d\u2019indications stylistiques, les sorties varient fortement d\u2019un mod\u00e8le \u00e0 l\u2019autre.<\/li>\n<li><strong>Nommez les biblioth\u00e8ques souhait\u00e9es.<\/strong> \u00ab Utilisez Chart.js pour le diagramme en barres \u00bb est plus fiable que d\u2019esp\u00e9rer que le mod\u00e8le choisisse une biblioth\u00e8que appropri\u00e9e.<\/li>\n<li><strong>Limitez la port\u00e9e.<\/strong> Les outils mono-fonction g\u00e9n\u00e8rent du code de meilleure qualit\u00e9. Les applications multi-\u00e9crans produisent du code volumineux et plus difficile \u00e0 it\u00e9rer, regroup\u00e9 dans un seul fichier.<\/li>\n<li><strong>Affinez par messages compl\u00e9mentaires.<\/strong> Une \u00e9bauche approximative affin\u00e9e par trois ou quatre messages cibl\u00e9s donne g\u00e9n\u00e9ralement de meilleurs r\u00e9sultats qu\u2019un seul prompt tr\u00e8s long.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Limitations\"><\/span>Limitations<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li>La sortie est limit\u00e9e par la longueur maximale autoris\u00e9e par le mod\u00e8le. Des applications tr\u00e8s complexes peuvent \u00eatre tronqu\u00e9es en milieu de fichier ; r\u00e9duisez la port\u00e9e si cela se produit.<\/li>\n<li>Aucune persistance de session : fermer l\u2019onglet du navigateur entra\u00eene la perte de la conversation. T\u00e9l\u00e9chargez le fichier avant de fermer l\u2019onglet.<\/li>\n<li>Les biblioth\u00e8ques d\u00e9pendantes d\u2019un CDN n\u00e9cessitent une connexion Internet pour s\u2019afficher correctement lors de l\u2019ouverture locale du fichier.<\/li>\n<li>Front-end uniquement : aucune logique c\u00f4t\u00e9 serveur, aucune base de donn\u00e9es, aucune authentification dans la sortie g\u00e9n\u00e9r\u00e9e.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Frequently_Asked_Questions\"><\/span>Questions fr\u00e9quemment pos\u00e9es<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3>DeepSite est-il gratuit \u00e0 utiliser ?<\/h3>\n<p>L\u2019espace public est gratuit, sous r\u00e9serve des quotas partag\u00e9s de calcul de Hugging Face. La duplication de l\u2019espace est \u00e9galement gratuite, mais les appels \u00e0 l\u2019API d\u2019inf\u00e9rence effectu\u00e9s via votre propre compte Hugging Face sont factur\u00e9s apr\u00e8s d\u00e9passement du forfait gratuit. Les co\u00fbts d\u00e9pendent du mod\u00e8le utilis\u00e9 et restent g\u00e9n\u00e9ralement faibles pour des t\u00e2ches courtes de g\u00e9n\u00e9ration de code.<\/p>\n<h3>Quels mod\u00e8les DeepSite utilise-t-il ?<\/h3>\n<p>The model list is maintained by the Space author and changes over time; versions have included Llama-family models, DeepSeek Coder variants, and Qwen Coder models. Check the dropdown in the live Space for the current options \u2014 do not rely on any fixed list in external documentation.<\/p>\n<h3>Puis-je utiliser commercialement la sortie de DeepSite ?<\/h3>\n<p>Le code g\u00e9n\u00e9r\u00e9 lui-m\u00eame n\u2019est soumis \u00e0 aucune licence particuli\u00e8re \u2014 vous avez fourni la demande, et la sortie est un code fonctionnel. Toutefois, les biblioth\u00e8ques h\u00e9berg\u00e9es sur un CDN incluses par le mod\u00e8le (Chart.js, Tailwind, etc.) sont soumises \u00e0 leurs propres licences (g\u00e9n\u00e9ralement MIT ou Apache 2.0). V\u00e9rifiez soigneusement les importations depuis un CDN dans le fichier avant toute utilisation commerciale.<\/p>\n<h3>Comment DeepSite se compare-t-il aux autres g\u00e9n\u00e9rateurs de code IA ?<\/h3>\n<p>La sp\u00e9cificit\u00e9 de DeepSite r\u00e9side dans sa simplicit\u00e9 d\u2019utilisation imm\u00e9diate, sa sortie mono-fichier et son aper\u00e7u instantan\u00e9 dans le navigateur. D\u2019autres outils comme GitHub Copilot, Cursor ou v0.dev offrent une g\u00e9n\u00e9ration de projets multi-fichiers plus riche, mais exigent un IDE ou un abonnement payant. DeepSite constitue le chemin le plus rapide pour passer d\u2019une id\u00e9e \u00e0 un prototype partageable. Pour une comparaison class\u00e9e des mod\u00e8les sous-jacents selon leur intelligence et leur co\u00fbt, consultez le <a href=\"https:\/\/convly.ai\/fr\/llm-leaderboard\/\">Classement des grands mod\u00e8les linguistiques (LLM)<\/a>.<\/p>\n<h3>L\u2019application g\u00e9n\u00e9r\u00e9e ne fonctionne pas dans l\u2019aper\u00e7u. Que dois-je faire ?<\/h3>\n<p>T\u00e9l\u00e9chargez d\u2019abord le fichier et ouvrez-le directement dans votre navigateur \u2014 plusieurs API navigateur sont bloqu\u00e9es \u00e0 l\u2019int\u00e9rieur de l\u2019iframe sandbox\u00e9e. Si le probl\u00e8me persiste localement, envoyez plut\u00f4t un message compl\u00e9mentaire d\u00e9crivant pr\u00e9cis\u00e9ment le dysfonctionnement (\u00ab le graphique ne s\u2019affiche pas \u00bb, \u00ab le clic sur le bouton ne d\u00e9clenche rien \u00bb) plut\u00f4t que de r\u00e9g\u00e9n\u00e9rer enti\u00e8rement le code. Si le fichier se termine au milieu d\u2019une balise ou d\u2019un script, la sortie a \u00e9t\u00e9 tronqu\u00e9e \u2014 simplifiez la port\u00e9e de la demande ou passez \u00e0 un mod\u00e8le disposant d\u2019une limite de sortie plus \u00e9lev\u00e9e.<\/p>\n<h3>Can I self-host DeepSite with a private or local LLM?<\/h3>\n<p>Oui. Clonez le d\u00e9p\u00f4t, ex\u00e9cutez-le localement avec <code>npm run dev<\/code>, puis configurez le point de terminaison du mod\u00e8le pour qu\u2019il pointe vers un serveur d\u2019inf\u00e9rence local. Un mod\u00e8le de g\u00e9n\u00e9ration de code comportant au moins 7 milliards de param\u00e8tres produit une sortie exploitable ; les mod\u00e8les de 34 milliards de param\u00e8tres ou plus am\u00e9liorent sensiblement la qualit\u00e9, mais exigent beaucoup plus de VRAM. V\u00e9rifiez le <a href=\"https:\/\/convly.ai\/fr\/llm-vram-calculator\/\">Calculateur de VRAM<\/a> par rapport aux sp\u00e9cifications de votre GPU avant de choisir d\u00e9finitivement une taille de mod\u00e8le.<\/p>","protected":false},"excerpt":{"rendered":"<p>DeepSite is a free Hugging Face Space athuggingface.co\/spaces\/enricoros\/deepsite that turns a text prompt into a complete, self-contained HTML web app. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2210,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[7],"tags":[],"class_list":["post-2209","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-news"],"_links":{"self":[{"href":"https:\/\/convly.ai\/fr\/wp-json\/wp\/v2\/posts\/2209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/convly.ai\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/convly.ai\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/convly.ai\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/convly.ai\/fr\/wp-json\/wp\/v2\/comments?post=2209"}],"version-history":[{"count":1,"href":"https:\/\/convly.ai\/fr\/wp-json\/wp\/v2\/posts\/2209\/revisions"}],"predecessor-version":[{"id":2211,"href":"https:\/\/convly.ai\/fr\/wp-json\/wp\/v2\/posts\/2209\/revisions\/2211"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/convly.ai\/fr\/wp-json\/wp\/v2\/media\/2210"}],"wp:attachment":[{"href":"https:\/\/convly.ai\/fr\/wp-json\/wp\/v2\/media?parent=2209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/convly.ai\/fr\/wp-json\/wp\/v2\/categories?post=2209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/convly.ai\/fr\/wp-json\/wp\/v2\/tags?post=2209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}