{"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-26T09:05:14","modified_gmt":"2026-08-26T09:05:14","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 simple et aliment\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> fichier.<\/li>\n<li>La sortie est un fichier unique avec CSS et JavaScript en ligne ; h\u00e9bergez-le sur Hugging Face Spaces, GitHub Pages, Netlify ou n'importe quel serveur statique.<\/li>\n<li>Dupliquez l'espace et ajoutez votre propre jeton API Hugging Face pour \u00e9viter les files d'attente et choisir votre mod\u00e8le pr\u00e9f\u00e9r\u00e9.<\/li>\n<\/ul>\n<\/div>\n<p>Hugging Face DeepSite est un g\u00e9n\u00e9rateur d'applications web open-source bas\u00e9 sur le navigateur. D\u00e9crivez l'application que vous souhaitez en texte brut, et DeepSite appelle un grand mod\u00e8le de langage pour produire un fichier unique autonome <code>.html<\/code> fichier \u2014 CSS et JavaScript en ligne \u2014 qui s'ex\u00e9cute imm\u00e9diatement dans n'importe quel navigateur. Aucun outil de build, aucun framework, aucune d\u00e9pendance \u00e0 installer. Il est enti\u00e8rement bas\u00e9 sur le navigateur, donc les utilisateurs de Windows, macOS et Linux suivent les m\u00eames \u00e9tapes.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 counter-flat ez-toc-counter ez-toc-container-direction\">\n<label for=\"ez-toc-cssicon-toggle-item-6abde60c9058a\" 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-6abde60c9058a\"  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 DeepSite g\u00e9n\u00e8re<\/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'aper\u00e7u en direct<\/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'espace pour des 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 de requ\u00eate pour une meilleure sortie<\/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 DeepSite g\u00e9n\u00e8re<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Chaque sortie DeepSite est un<code>.html<\/code> fichier. Les biblioth\u00e8ques externes que le mod\u00e8le choisit d'inclure \u2014 Chart.js, Tailwind CSS via CDN, Alpine.js \u2014 sont charg\u00e9es \u00e0 partir d'un lien CDN dans la <code>&lt;head&gt;<\/code>, et non int\u00e9gr\u00e9es. Cela maintient le fichier petit et imm\u00e9diatement portable.<\/p>\n<p>DeepSite est bien adapt\u00e9 pour :<\/p>\n<ul>\n<li>Les calculatrices interactives et les convertisseurs d'unit\u00e9s<\/li>\n<li>Les tableaux de bord de visualisation de donn\u00e9es utilisant Chart.js ou similaire<\/li>\n<li>Les jeux de navigateur simples (canvas 2D, mots crois\u00e9s)<\/li>\n<li>Les maquettes d'interface utilisateur et les prototypes cliquables<\/li>\n<li>Les outils et utilitaires \u00e0 usage unique<\/li>\n<\/ul>\n<p>Ce n'est pas un remplacement pour les applications React ou Vue multi-fichiers. Les projets qui ont besoin d'une base de donn\u00e9es, d'une authentification ou d'une gestion d'\u00e9tat complexe doivent traiter la sortie DeepSite comme un \u00e9chafaudage de d\u00e9marrage, non comme un produit fini.<\/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'espace.<\/strong> Aller \u00e0 <code>huggingface.co\/spaces\/enricoros\/deepsite<\/code>. Aucune connexion n'est requise sur l'instance publique, bien que vous puissiez entrer dans une file d'attente pendant les heures de pointe.<\/li>\n<li><strong>\u00c9crivez votre requ\u00eate.<\/strong> Dans le champ de requ\u00eate, d\u00e9crivez l'application concr\u00e8tement. Au lieu de \u00ab une calculatrice \u00bb, \u00e9crivez \u00ab une calculatrice de pourboire avec un curseur pour le pourcentage (10\u201330 %), un champ pour le total de la facture et une sortie de partage par personne \u00bb. La sp\u00e9cificit\u00e9 am\u00e9liore la qualit\u00e9.<\/li>\n<li><strong>S\u00e9lectionnez un mod\u00e8le.<\/strong> L'espace expose une liste d\u00e9roulante de mod\u00e8les. Les options varient au fur et \u00e0 mesure que le mainteneur met \u00e0 jour l'espace ; la liste actuelle est affich\u00e9e dans l'interface utilisateur. Pour une comparaison class\u00e9e des mod\u00e8les sous-jacents par capacit\u00e9 de codage et co\u00fbt, consultez le <a href=\"https:\/\/convly.ai\/fr\/llm-leaderboard\/\">Classement des grands mod\u00e8les linguistiques (LLM)<\/a>.<\/li>\n<li><strong>Cliquez sur G\u00e9n\u00e9rer.<\/strong> Le mod\u00e8le diffuse du HTML dans le volet de l'\u00e9diteur \u00e0 gauche. Un aper\u00e7u en direct s'affiche dans le volet de droite en temps r\u00e9el.<\/li>\n<li><strong>It\u00e9rez avec des messages de suivi.<\/strong> Utilisez l'entr\u00e9e de chat sous l'aper\u00e7u pour affiner : \u00ab passer \u00e0 un arri\u00e8re-plan sombre \u00bb, \u00ab ajouter un bouton de r\u00e9initialisation \u00bb, \u00ab utiliser une police plus grande pour le r\u00e9sultat \u00bb. Le mod\u00e8le modifie le fichier existant plut\u00f4t que de le r\u00e9g\u00e9n\u00e9rer de z\u00e9ro.<\/li>\n<li><strong>T\u00e9l\u00e9chargez ou d\u00e9ployez.<\/strong> Cliquer <em>T\u00e9l\u00e9charger le HTML<\/em> pour enregistrer le fichier localement, ou cliquez sur <em>D\u00e9ployer vers Spaces<\/em> pour le publier en tant que 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'aper\u00e7u en direct<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Le volet d'aper\u00e7u affiche votre HTML dans une <code>iframe<\/code>en sandbox. Certaines API de navigateur \u2014 g\u00e9olocalisation, cam\u00e9ra, \u00e9criture dans le presse-papiers \u2014 peuvent \u00eatre bloqu\u00e9es par les politiques de sandbox iframe dans l'environnement Hugging Face. Si une fonctionnalit\u00e9 fonctionne dans l'\u00e9diteur mais pas dans l'aper\u00e7u, t\u00e9l\u00e9chargez le fichier et ouvrez-le directement dans votre navigateur pour tester sans la 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 vers Spaces<\/em> le bouton g\u00e8re automatiquement le flux complet (vous devez \u00eatre connect\u00e9 \u00e0 Hugging Face) :<\/p>\n<ol>\n<li>Cr\u00e9e un nouvel espace sous votre compte avec le SDK d\u00e9fini sur <strong>Static<\/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'espace pour des 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\/\">Calculatrice du seuil de rentabilit\u00e9 auto-h\u00e9bergement vs 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\/\">calculatrice 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 de requ\u00eate pour une meilleure sortie<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\/\">calculatrice 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. No installation, no account required to try \u2014 open the URL, describe your app, click Generate, get a live preview and a downloadable .html file. The output is a single file with inline CSS and JavaScript; host it on Hugging Face Spaces, GitHub Pages, Netlify, or any static server. Duplicate the Space and add your own Hugging Face API token to avoid queue times and pick your preferred model. Hugging Face DeepSite is an open-source, browser-based web app generator.<\/p>","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":[9],"tags":[],"class_list":["post-2209","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"_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":3,"href":"https:\/\/convly.ai\/fr\/wp-json\/wp\/v2\/posts\/2209\/revisions"}],"predecessor-version":[{"id":2338,"href":"https:\/\/convly.ai\/fr\/wp-json\/wp\/v2\/posts\/2209\/revisions\/2338"}],"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}]}}