{"id":5356,"date":"2026-06-05T09:39:46","date_gmt":"2026-06-05T09:39:46","guid":{"rendered":"https:\/\/www.hostinger.com\/fr\/support\/?p=5356"},"modified":"2026-06-05T09:40:59","modified_gmt":"2026-06-05T09:40:59","slug":"comment-deployer-des-applications-creees-avec-codex-sur-hostinger","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/fr\/support\/comment-deployer-des-applications-creees-avec-codex-sur-hostinger\/","title":{"rendered":"Comment d\u00e9ployer des applications cr\u00e9\u00e9es avec Codex sur Hostinger"},"content":{"rendered":"<p><span style=\"font-weight: 400\">L&rsquo;h&eacute;bergement Codex de Hostinger vous permet de d&eacute;ployer les applications cr&eacute;&eacute;es avec Codex sur une infrastructure enti&egrave;rement g&eacute;r&eacute;e, sans configuration manuelle du serveur. Les compilations sont automatis&eacute;es et les frameworks comme React, Vite, Express.js ou Next.js sont d&eacute;tect&eacute;s automatiquement &agrave; partir du fichier <\/span><b>package.json<\/b><span style=\"font-weight: 400\"> de votre projet.<\/span><\/p><p><span style=\"font-weight: 400\">D&eacute;ployez votre projet Codex depuis un d&eacute;p&ocirc;t GitHub ou en important un fichier .<\/span><b>zip<\/b><span style=\"font-weight: 400\">. Une fois votre application en ligne, vous pouvez g&eacute;rer vos journaux, variables d&rsquo;environnement, red&eacute;marrages, connexions aux bases de donn&eacute;es et vuln&eacute;rabilit&eacute;s des d&eacute;pendances directement depuis hPanel. Cette fonctionnalit&eacute; est disponible avec les packs d&rsquo;h&eacute;bergement Business et Cloud de Hostinger.<\/span><\/p><h2 id=\"h-quels-packs-hostinger-prennent-en-charge-les-applications-codex\"><b>Quels packs Hostinger prennent en charge les applications Codex ?<\/b><\/h2><p><a href=\"https:\/\/www.hostinger.com\/web-apps-hosting\/codex-hosting\"><span style=\"font-weight: 400\">L&rsquo;h&eacute;bergement Codex<\/span><\/a><span style=\"font-weight: 400\"> est disponible avec les packs Hostinger suivants&nbsp;:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">H&eacute;bergement web Business<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Cloud Startup<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Cloud Professional<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Cloud Enterprise<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Si vous utilisez actuellement un autre pack, vous devrez passer &agrave; l&rsquo;un de ces packs depuis hPanel pour acc&eacute;der &agrave; l&rsquo;h&eacute;bergement Codex.<\/span><\/p><div style=\"background: #f5f6ff;border: 2px solid #c8d0ff;border-radius: 16px;padding: 20px 28px;margin: 24px 0\">\n<p style=\"margin: 0;font-size: 16px;line-height: 1.5\"><strong>Remarque :<\/strong> les applications Codex peuvent &eacute;galement &ecirc;tre h&eacute;berg&eacute;es sur un VPS Hostinger. Cependant, cette option n&eacute;cessite une configuration manuelle via l&rsquo;interface en ligne de commande (CLI).<\/p>\n<\/div><h3><b>Ce dont vous aurez besoin<\/b><\/h3><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Un pack d&rsquo;h&eacute;bergement Business ou Cloud (Cloud Startup, Cloud Professional ou Cloud Enterprise)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Une application cr&eacute;&eacute;e avec Codex &agrave; l&rsquo;aide d&rsquo;un framework compatible<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Un d&eacute;p&ocirc;t GitHub ou un fichier .zip contenant votre projet<\/span><\/li>\n<\/ul><h2 id=\"h-frameworks-compatibles-avec-les-applications-codex\"><b>Frameworks compatibles avec les applications Codex<\/b><\/h2><p><span style=\"font-weight: 400\">L&rsquo;h&eacute;bergement Codex prend en charge les principaux frameworks Node.js utilis&eacute;s par Codex. Hostinger d&eacute;tecte automatiquement le framework de votre projet &agrave; partir du fichier <\/span><b>package.json<\/b><span style=\"font-weight: 400\"> et configure le processus de compilation pour vous. Votre application Codex doit utiliser l&rsquo;un des frameworks suivants&nbsp;:<\/span><\/p><p><span style=\"font-weight: 400\">Frameworks front-end :<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">React<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Vue.js<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Angular<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Vite<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Parcel<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Preact<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Next.js<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Nuxt.js<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Astro<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Svelte<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">SvelteKit<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Frameworks back-end :<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Next.js<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Express.js<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">NestJS<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Nuxt.js<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Fastify<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Astro<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">SvelteKit<\/span><\/li>\n<\/ul><p><b>Versions de Node.js prises en charge&nbsp;:<\/b><span style=\"font-weight: 400\"> 18.x, 20.x, 22.x, 24.x<\/span><\/p><p><span style=\"font-weight: 400\">Si Hostinger ne parvient pas &agrave; d&eacute;tecter automatiquement votre framework, le type &laquo;&nbsp;Autre&nbsp;&raquo; lui sera attribu&eacute;. Vous pouvez &eacute;galement s&eacute;lectionner &laquo;&nbsp;Autre&nbsp;&raquo; manuellement dans la liste d&eacute;roulante des frameworks lors de la configuration de votre application.<\/span><\/p><h2 id=\"h-deployer-une-application-codex-depuis-un-depot-github\"><b>D&eacute;ployer une application Codex depuis un d&eacute;p&ocirc;t GitHub<\/b><\/h2><p><span style=\"font-weight: 400\">Connecter un d&eacute;p&ocirc;t GitHub est le moyen le plus simple et le plus rapide de d&eacute;ployer une application Codex sur Hostinger. Une fois la connexion &eacute;tablie, chaque modification envoy&eacute;e (push) vers la branche li&eacute;e d&eacute;clenche automatiquement un nouveau d&eacute;ploiement.<\/span><\/p><h3><b>&Eacute;tape&nbsp;1&nbsp;: Acc&eacute;der &agrave; la section Applications Node.js<\/b><\/h3><p><span style=\"font-weight: 400\">Connectez-vous &agrave; hPanel, ouvrez la section <strong>Sites web<\/strong> dans le menu lat&eacute;ral, puis cliquez sur <strong>Ajouter un site web<\/strong>.<\/span><\/p><h3><b>&Eacute;tape 2 : S&eacute;lectionner Applications Node.js<\/b><\/h3><p><span style=\"font-weight: 400\">Cliquez sur <strong>Applications Node.js<\/strong>&nbsp;parmi les solutions disponibles, puis ajoutez un nom de domaine existant ou temporaire.<\/span><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5361 size-full\" src=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/Screenshot-2026-06-04-at-13.02.42-scaled-e1780652297363.png\" alt=\"\" width=\"980\" height=\"644\" srcset=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/Screenshot-2026-06-04-at-13.02.42-scaled-e1780652297363.png 980w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/Screenshot-2026-06-04-at-13.02.42-scaled-e1780652297363-300x197.png 300w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/Screenshot-2026-06-04-at-13.02.42-scaled-e1780652297363-768x505.png 768w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/p><h3><b>&Eacute;tape&nbsp;3&nbsp;: Connecter votre compte GitHub<\/b><\/h3><p><span style=\"font-weight: 400\">Dans la<\/span> <span style=\"font-weight: 400\">section<\/span><b> Importez un d&eacute;p&ocirc;t Git, <\/b><span style=\"font-weight: 400\">cliquez sur <\/span><b>Connectez-vous avec GitHub.<\/b><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5362 size-full\" src=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/Screenshot-2026-06-04-at-13.06.23.png\" alt=\"\" width=\"1017\" height=\"400\" srcset=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/Screenshot-2026-06-04-at-13.06.23.png 1017w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/Screenshot-2026-06-04-at-13.06.23-300x118.png 300w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/Screenshot-2026-06-04-at-13.06.23-768x302.png 768w\" sizes=\"auto, (max-width: 1017px) 100vw, 1017px\" \/><\/p><h3><b>&Eacute;tape&nbsp;4&nbsp;: Autoriser l&rsquo;acc&egrave;s &agrave; GitHub<\/b><\/h3><p><span style=\"font-weight: 400\">Vous serez redirig&eacute;(e) vers GitHub. S&eacute;lectionnez <\/span><b>All repositories (Tous les d&eacute;p&ocirc;ts)<\/b><span style=\"font-weight: 400\">, puis cliquez sur <\/span><b>Install&nbsp;&amp;&nbsp;Authorize (Installer et autoriser)<\/b><span style=\"font-weight: 400\"> afin d&rsquo;autoriser Hostinger &agrave; acc&eacute;der &agrave; vos d&eacute;p&ocirc;ts.<\/span><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5363 size-full\" src=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-02_2.png\" alt=\"\" width=\"486\" height=\"645\" srcset=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-02_2.png 486w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-02_2-226x300.png 226w\" sizes=\"auto, (max-width: 486px) 100vw, 486px\" \/><\/p><h3><b>&Eacute;tape&nbsp;5&nbsp;: S&eacute;lectionner votre d&eacute;p&ocirc;t Codex<\/b><\/h3><p><span style=\"font-weight: 400\">Choisissez le d&eacute;p&ocirc;t GitHub contenant votre application Codex.<\/span><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5364 size-full\" src=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-03.png\" alt=\"\" width=\"955\" height=\"669\" srcset=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-03.png 955w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-03-300x210.png 300w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-03-768x538.png 768w\" sizes=\"auto, (max-width: 955px) 100vw, 955px\" \/><\/p><h3><b>&Eacute;tape&nbsp;6&nbsp;: Configurer les param&egrave;tres de compilation<\/b><\/h3><p><span style=\"font-weight: 400\">Hostinger d&eacute;tecte automatiquement le framework utilis&eacute; et pr&eacute;configure les param&egrave;tres de compilation. Vous pouvez les modifier si n&eacute;cessaire.<\/span><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5365 size-full\" src=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-03_1.png\" alt=\"\" width=\"994\" height=\"636\" srcset=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-03_1.png 994w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-03_1-300x192.png 300w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-03_1-768x491.png 768w\" sizes=\"auto, (max-width: 994px) 100vw, 994px\" \/><\/p><p><b>Si le type de framework est d&eacute;fini sur Other (Autre)&nbsp;:<\/b><\/p><p><span style=\"font-weight: 400\">Lorsque l&rsquo;option <\/span><b>Other (Autre)<\/b><span style=\"font-weight: 400\"> est s&eacute;lectionn&eacute;e, Hostinger tente de r&eacute;cup&eacute;rer automatiquement un maximum d&rsquo;informations sur la configuration du projet. Certains param&egrave;tres peuvent toutefois n&eacute;cessiter une intervention manuelle.<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><b>Output directory (R&eacute;pertoire de sortie)<\/b><span style=\"font-weight: 400\">&nbsp;: dossier dans lequel sont g&eacute;n&eacute;r&eacute;s les fichiers compil&eacute;s de votre application. Les valeurs les plus courantes sont <\/span><b>dist, build, out<\/b><span style=\"font-weight: 400\"> ou <\/span><b>.next<\/b><span style=\"font-weight: 400\">.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Entry file (Fichier d&rsquo;entr&eacute;e)<\/b><span style=\"font-weight: 400\">&nbsp;: fichier principal qui lance l&rsquo;application (par exemple <\/span><b>index.js ou server.js<\/b><span style=\"font-weight: 400\">). Ce champ n&rsquo;est requis que pour certains types d&rsquo;applications.<\/span><\/li>\n<\/ul><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5366 size-full\" src=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-03_2.png\" alt=\"\" width=\"740\" height=\"735\" srcset=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-03_2.png 740w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-03_2-300x298.png 300w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-03_2-150x150.png 150w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><\/p><p><span style=\"font-weight: 400\">Si vous ne connaissez pas ces valeurs, consultez le fichier <\/span><b>package.json<\/b><span style=\"font-weight: 400\"> ou la configuration de compilation de votre projet.<\/span><\/p><h3><b>&Eacute;tape&nbsp;7&nbsp;: D&eacute;ployer votre application Codex<\/b><\/h3><p><span style=\"font-weight: 400\">Cliquez sur <\/span><b>D&eacute;ployer<\/b><span style=\"font-weight: 400\"> pour lancer la compilation et le d&eacute;ploiement de votre application.<\/span><\/p><p><span style=\"font-weight: 400\">Une fois le d&eacute;ploiement termin&eacute;, votre application est accessible en ligne. Vous verrez &eacute;galement un aper&ccedil;u visuel du site g&eacute;n&eacute;r&eacute;, ce qui vous permet de v&eacute;rifier rapidement que le d&eacute;ploiement s&rsquo;est d&eacute;roul&eacute; correctement avant d&rsquo;ouvrir l&rsquo;URL de votre application.<\/span><\/p><p><span style=\"font-weight: 400\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5367 size-full\" src=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-04.png\" alt=\"\" width=\"832\" height=\"702\" srcset=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-04.png 832w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-04-300x253.png 300w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-04-768x648.png 768w\" sizes=\"auto, (max-width: 832px) 100vw, 832px\" \/><\/span><\/p><div style=\"background: #f5f6ff;border: 2px solid #c8d0ff;border-radius: 16px;padding: 20px 28px;margin: 24px 0\">\n<p style=\"margin: 0;font-size: 16px;line-height: 1.5\"><strong>Remarque :<\/strong> un pack d&rsquo;h&eacute;bergement ne peut &ecirc;tre associ&eacute; qu&rsquo;&agrave; un seul compte GitHub &agrave; la fois. Toutes les applications Codex h&eacute;berg&eacute;es dans ce pack utiliseront le m&ecirc;me compte GitHub.<\/p>\n<\/div><h2 id=\"h-deployer-une-application-codex-en-important-des-fichiers\"><b>D&eacute;ployer une application Codex en important des fichiers<\/b><\/h2><p><span style=\"font-weight: 400\">Si vous ne souhaitez pas connecter un d&eacute;p&ocirc;t GitHub, vous pouvez d&eacute;ployer votre application Codex en important directement une archive de votre projet sur Hostinger. Le processus est similaire &agrave; celui d&rsquo;un d&eacute;ploiement via GitHub&nbsp;: Hostinger d&eacute;tecte automatiquement le framework utilis&eacute; et g&egrave;re la compilation de l&rsquo;application.<\/span><\/p><h3><b>&Eacute;tape&nbsp;1&nbsp;: Acc&eacute;der &agrave; la section Applications Node.js<\/b><\/h3><p><span style=\"font-weight: 400\">Connectez-vous &agrave; hPanel, ouvrez la section <\/span><b>Sites web<\/b><span style=\"font-weight: 400\">, puis cliquez sur <\/span><b>Ajouter un site web.<\/b><\/p><h3><b>&Eacute;tape&nbsp;2&nbsp;: S&eacute;lectionner &laquo;&nbsp;Applications Node.js&nbsp;&raquo;<\/b><\/h3><p><span style=\"font-weight: 400\">Choisissez l&rsquo;option <\/span><b>Application web Node.js<\/b><span style=\"font-weight: 400\"> parmi les solutions propos&eacute;es.<\/span><\/p><h3><b>&Eacute;tape&nbsp;3&nbsp;: Choisir l&rsquo;import de fichiers<\/b><\/h3><p><span style=\"font-weight: 400\">Dans la section<\/span><b> Importez des fichiers, <\/b><span style=\"font-weight: 400\">cliquez sur <\/span><b>Continuer.<\/b><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5369 size-full\" src=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/Screenshot-2026-06-04-at-13.13.19-1.png\" alt=\"\" width=\"1017\" height=\"400\" srcset=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/Screenshot-2026-06-04-at-13.13.19-1.png 1017w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/Screenshot-2026-06-04-at-13.13.19-1-300x118.png 300w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/Screenshot-2026-06-04-at-13.13.19-1-768x302.png 768w\" sizes=\"auto, (max-width: 1017px) 100vw, 1017px\" \/><\/p><h3><b>&Eacute;tape&nbsp;4&nbsp;: Importer votre projet Codex<\/b><\/h3><p><span style=\"font-weight: 400\">Importez une archive compress&eacute;e au format .zip contenant les fichiers de votre application Codex.<\/span><\/p><p><span style=\"font-weight: 400\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5370 size-full\" src=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/Screenshot-2026-06-04-at-13.17.16.png\" alt=\"\" width=\"1143\" height=\"327\" srcset=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/Screenshot-2026-06-04-at-13.17.16.png 1143w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/Screenshot-2026-06-04-at-13.17.16-300x86.png 300w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/Screenshot-2026-06-04-at-13.17.16-1024x293.png 1024w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/Screenshot-2026-06-04-at-13.17.16-768x220.png 768w\" sizes=\"auto, (max-width: 1143px) 100vw, 1143px\" \/><br>\n<\/span><\/p><div style=\"background: #f5f6ff;border: 2px solid #c8d0ff;border-radius: 16px;padding: 20px 28px;margin: 24px 0\">\n<p style=\"margin: 0;font-size: 16px;line-height: 1.5\"><strong>Remarque :<\/strong> l&rsquo;archive ZIP import&eacute;e est enregistr&eacute;e automatiquement. Lors des futurs red&eacute;ploiements, elle sera pr&eacute;s&eacute;lectionn&eacute;e dans <strong>Fichiers sources &rarr; Utiliser les fichiers pr&eacute;c&eacute;dents<\/strong>. Vous n&rsquo;aurez donc pas besoin de l&rsquo;importer &agrave; nouveau, sauf si le contenu de votre application a &eacute;t&eacute; modifi&eacute;.<\/p>\n<\/div><h3><b>&Eacute;tape&nbsp;5&nbsp;: Configurer les param&egrave;tres de compilation<\/b><\/h3><p><span style=\"font-weight: 400\">V&eacute;rifiez les param&egrave;tres de compilation d&eacute;tect&eacute;s automatiquement et modifiez-les si n&eacute;cessaire.<\/span><\/p><p><b>Si le type de framework est d&eacute;fini sur Other (Autre)&nbsp;:<\/b><\/p><p><span style=\"font-weight: 400\">Lorsque l&rsquo;option <\/span><b>Other (Autre)<\/b><span style=\"font-weight: 400\"> est s&eacute;lectionn&eacute;e, le script de d&eacute;tection de Hostinger r&eacute;cup&egrave;re automatiquement un maximum d&rsquo;informations sur votre projet. Certains param&egrave;tres peuvent toutefois devoir &ecirc;tre renseign&eacute;s manuellement&nbsp;:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><b>Output directory (R&eacute;pertoire de sortie)<\/b><span style=\"font-weight: 400\">&nbsp;: dossier dans lequel sont g&eacute;n&eacute;r&eacute;s les fichiers compil&eacute;s de votre application. Les valeurs les plus courantes sont <\/span><b>dist, build, out<\/b><span style=\"font-weight: 400\"> ou <\/span><b>.next<\/b><span style=\"font-weight: 400\">.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Entry file (Fichier d&rsquo;entr&eacute;e)&nbsp;:<\/b><span style=\"font-weight: 400\"> fichier principal qui lance votre application (par exemple <\/span><b>index.js ou server.js<\/b><span style=\"font-weight: 400\">). Ce champ n&rsquo;est requis que pour certains types d&rsquo;applications.<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Si vous ne connaissez pas ces valeurs, consultez le fichier <\/span><b>package.json<\/b><span style=\"font-weight: 400\"> ou la configuration de compilation de votre projet.<\/span><\/p><h3><b>&Eacute;tape&nbsp;6&nbsp;: D&eacute;ployer votre application Codex<\/b><\/h3><p><span style=\"font-weight: 400\">Cliquez sur <\/span><b>D&eacute;ployer<\/b><span style=\"font-weight: 400\"> pour lancer la compilation et la publication de votre application.<\/span><\/p><p><span style=\"font-weight: 400\">Votre application Codex est d&eacute;sormais pr&ecirc;te &agrave; &ecirc;tre utilis&eacute;e. Une fois le d&eacute;ploiement termin&eacute;, un aper&ccedil;u visuel du site g&eacute;n&eacute;r&eacute; s&rsquo;affiche afin de vous permettre de v&eacute;rifier rapidement que tout s&rsquo;est bien d&eacute;roul&eacute;.<\/span><\/p><h2 id=\"h-gerer-une-application-codex-deployee\"><b>G&eacute;rer une application Codex d&eacute;ploy&eacute;e<\/b><\/h2><p><span style=\"font-weight: 400\">Le tableau de bord des applications Node.js dans hPanel vous permet de g&eacute;rer facilement votre application Codex une fois celle-ci d&eacute;ploy&eacute;e. Depuis une seule interface, vous pouvez consulter l&rsquo;&eacute;tat des d&eacute;ploiements, acc&eacute;der rapidement aux variables d&rsquo;environnement, surveiller l&rsquo;utilisation des ressources ou red&eacute;marrer les applications c&ocirc;t&eacute; serveur.<\/span><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5371 size-full\" src=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-05.png\" alt=\"\" width=\"856\" height=\"707\" srcset=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-05.png 856w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-05-300x248.png 300w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-05-768x634.png 768w\" sizes=\"auto, (max-width: 856px) 100vw, 856px\" \/><\/p><ol>\n<li><b>Acc&egrave;s rapide au d&eacute;p&ocirc;t GitHub<\/b><\/li>\n<\/ol><p><span style=\"font-weight: 400\">Si votre application Codex est d&eacute;ploy&eacute;e depuis GitHub, le tableau de bord affiche un lien direct vers le d&eacute;p&ocirc;t connect&eacute;. Cliquez dessus pour ouvrir le d&eacute;p&ocirc;t dans un nouvel onglet et consulter le code source, les branches ou les derniers commits sans quitter hPanel.<\/span><\/p><ol start=\"2\">\n<li><b>Informations sur le dernier d&eacute;ploiement<\/b><\/li>\n<\/ol><p><span style=\"font-weight: 400\">Le tableau de bord affiche les d&eacute;tails de votre d&eacute;ploiement le plus r&eacute;cent, notamment&nbsp;:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">L&rsquo;&eacute;tat du d&eacute;ploiement (r&eacute;ussi ou &eacute;chou&eacute;)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">La date et l&rsquo;heure du dernier d&eacute;ploiement<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Un lien permettant d&rsquo;afficher le journal complet du d&eacute;ploiement<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Vous pouvez ainsi v&eacute;rifier rapidement le r&eacute;sultat de la derni&egrave;re compilation sans avoir &agrave; ouvrir la section D&eacute;ploiements.<\/span><\/p><ol start=\"3\">\n<li><b>Acc&egrave;s rapide aux fonctionnalit&eacute;s principales<\/b><\/li>\n<\/ol><p><span style=\"font-weight: 400\">Des raccourcis permettent d&rsquo;acc&eacute;der directement aux sections suivantes&nbsp;:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">D&eacute;ploiements<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Variables d&rsquo;environnement<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Param&egrave;tres et red&eacute;ploiement<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Gestionnaire de fichiers<\/span><\/li>\n<\/ul><ol start=\"4\">\n<li><b>Graphiques d&rsquo;utilisation des ressources<\/b><\/li>\n<\/ol><p><span style=\"font-weight: 400\">Le tableau de bord affiche &eacute;galement des graphiques pr&eacute;sentant l&rsquo;utilisation moyenne des ressources de votre application : CPU, RAM, Entr&eacute;es\/sorties (I\/O). Ils offrent un aper&ccedil;u rapide de la consommation des ressources sans avoir &agrave; consulter la section d&eacute;di&eacute;e &agrave; l&rsquo;utilisation des ressources.<\/span><\/p><p><span style=\"font-weight: 400\">Si l&rsquo;une des donn&eacute;es s&rsquo;approche de la ligne pointill&eacute;e rouge correspondant &agrave; la limite de votre pack, nous vous conseillons d&rsquo;optimiser votre application ou<\/span><a href=\"https:\/\/www.hostinger.com\/support\/1583459-how-to-upgrade-a-hosting-plan-at-hostinger\"> <span style=\"font-weight: 400\">d&rsquo;opter pour un pack avec plus de ressources<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/p><ol start=\"5\">\n<li><b>Red&eacute;marrage<\/b><\/li>\n<\/ol><p><span style=\"font-weight: 400\">Pour les applications Codex c&ocirc;t&eacute; serveur, un bouton Red&eacute;marrer est disponible lorsque l&rsquo;application est en cours d&rsquo;ex&eacute;cution. Cette option permet de red&eacute;marrer le processus serveur directement depuis hPanel, sans devoir lancer une nouvelle compilation ni effectuer un nouveau d&eacute;ploiement.<\/span><\/p><div style=\"background: #f5f6ff;border: 2px solid #c8d0ff;border-radius: 16px;padding: 20px 28px;margin: 24px 0\">\n<p style=\"margin: 0;font-size: 16px;line-height: 1.5\"><strong>Remarque :<\/strong> L&rsquo;option <strong>Red&eacute;marrer<\/strong> est uniquement disponible pour les applications c&ocirc;t&eacute; serveur telles qu&rsquo;Express.js, Next.js ou NestJS. Les applications front-end statiques comme React, Vue, Angular ou Vite n&rsquo;ex&eacute;cutent pas de processus serveur permanent et ne disposent donc pas de cette fonctionnalit&eacute;.<\/p>\n<\/div><h2 id=\"h-structure-des-fichiers-apres-le-deploiement\"><b>Structure des fichiers apr&egrave;s le d&eacute;ploiement<\/b><\/h2><p><span style=\"font-weight: 400\">Pour les applications Codex qui g&eacute;n&egrave;rent des fichiers de compilation c&ocirc;t&eacute; serveur (par exemple avec Express.js, Next.js, Nuxt.js ou NestJS), les fichiers compil&eacute;s sont stock&eacute;s en dehors du r&eacute;pertoire <\/span><b>public_html.<\/b><\/p><ul>\n<li style=\"font-weight: 400\"><b>Emplacement des fichiers compil&eacute;s&nbsp;: \/home\/{username}\/domains\/{domain}\/nodejs<\/b><\/li>\n<li style=\"font-weight: 400\"><b>Emplacement du fichier .htaccess : \/home\/{username}\/domains\/{domain}\/public_html\/.htaccess. <\/b><span style=\"font-weight: 400\">Le fichier .htaccess est cr&eacute;&eacute; automatiquement afin de g&eacute;rer le routage et d&rsquo;assurer la bonne distribution du contenu de l&rsquo;application.<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Si votre application Codex a pr&eacute;c&eacute;demment &eacute;t&eacute; d&eacute;ploy&eacute;e avec les fichiers compil&eacute;s dans le r&eacute;pertoire <\/span><b>public_html<\/b><span style=\"font-weight: 400\">, ceux-ci seront automatiquement d&eacute;plac&eacute;s vers le r&eacute;pertoire appropri&eacute; lors de la prochaine compilation.<\/span><\/p><div style=\"background: #f5f6ff;border: 2px solid #c8d0ff;border-radius: 16px;padding: 20px 28px;margin: 24px 0\">\n<p><strong>Remarque :<\/strong><\/p>\n<ul>\n<li style=\"font-size: 16px;line-height: 1.5\">Cette modification concerne uniquement les frameworks back-end. Les applications front-end statiques cr&eacute;&eacute;es avec React, Vue ou Angular ne sont pas concern&eacute;es.<\/li>\n<li style=\"font-size: 16px;line-height: 1.5\">Si vous rencontrez une erreur <strong>403<\/strong> apr&egrave;s un red&eacute;ploiement, v&eacute;rifiez que le fichier <strong>.htaccess<\/strong> pr&eacute;sent dans <strong>public_html<\/strong> redirige correctement vers le r&eacute;pertoire <strong>nodejs<\/strong>. Un nouveau d&eacute;ploiement de l&rsquo;application recr&eacute;e automatiquement ce fichier.<\/li>\n<\/ul>\n<\/div><h2 id=\"h-assistant-de-connexion-a-une-base-de-donnees\"><b>Assistant de connexion &agrave; une base de donn&eacute;es<\/b><\/h2><p><span style=\"font-weight: 400\">Le tableau de bord des applications Node.js inclut un assistant de connexion aux bases de donn&eacute;es qui facilite la connexion de votre application Codex &agrave; une base de donn&eacute;es externe.<\/span><\/p><p><b>Fournisseurs pris en charge&nbsp;:<\/b><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Supabase<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">MongoDB Atlas<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Fonctionnement<\/span><\/p><ol>\n<li><span style=\"font-weight: 400\">Dans le tableau de bord de votre application Node.js, rep&eacute;rez la section d&eacute;di&eacute;e &agrave; la connexion aux bases de donn&eacute;es, puis cliquez sur <\/span><b>Connect<\/b><span style=\"font-weight: 400\"> (Connecter).<\/span><span style=\"font-weight: 400\"><br>\n<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5372 size-full\" src=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-05_1.png\" alt=\"\" width=\"992\" height=\"571\" srcset=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-05_1.png 992w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-05_1-300x173.png 300w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-05_1-768x442.png 768w\" sizes=\"auto, (max-width: 992px) 100vw, 992px\" \/><\/li>\n<li><span style=\"font-weight: 400\">S&eacute;lectionnez le fournisseur de base de donn&eacute;es de votre choix (Supabase ou MongoDB Atlas).<\/span><span style=\"font-weight: 400\"><br>\n<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5373 size-full\" src=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-05_2.png\" alt=\"\" width=\"979\" height=\"427\" srcset=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-05_2.png 979w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-05_2-300x131.png 300w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-05_2-768x335.png 768w\" sizes=\"auto, (max-width: 979px) 100vw, 979px\" \/><\/li>\n<li><span style=\"font-weight: 400\">Suivez les instructions affich&eacute;es &agrave; l&rsquo;&eacute;cran et renseignez les informations de connexion requises. Les param&egrave;tres sont automatiquement enregistr&eacute;s en tant que variables d&rsquo;environnement dans votre d&eacute;ploiement.<\/span><span style=\"font-weight: 400\"><br>\n<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5374 size-full\" src=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-06.png\" alt=\"\" width=\"732\" height=\"522\" srcset=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-06.png 732w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-06-300x214.png 300w\" sizes=\"auto, (max-width: 732px) 100vw, 732px\" \/><\/li>\n<li><span style=\"font-weight: 400\">Une fois la configuration termin&eacute;e, l&rsquo;application est automatiquement recompil&eacute;e afin d&rsquo;appliquer les nouveaux param&egrave;tres.<\/span><\/li>\n<\/ol><p><span style=\"font-weight: 400\">Pour configurer une connexion &agrave; une base de donn&eacute;es manuellement, consultez les tutoriels suivants&nbsp;:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/www.hostinger.com\/support\/connecting-a-supabase-database-to-a-hostinger-node-js-application\/\"><span style=\"font-weight: 400\">Connecter une base de donn&eacute;es Supabase &agrave; une application Node.js Hostinger<\/span><\/a><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/www.hostinger.com\/support\/connecting-a-hostinger-mysql-database-to-a-node-js-application\/\"><span style=\"font-weight: 400\">Connecter une base de donn&eacute;es MySQL Hostinger &agrave; une application Node.js<\/span><\/a><\/li>\n<\/ul><h2 id=\"h-surveillance-des-vulnerabilites\"><b>Surveillance des vuln&eacute;rabilit&eacute;s<\/b><\/h2><p><span style=\"font-weight: 400\">Hostinger analyse automatiquement les d&eacute;pendances de votre application Codex afin de d&eacute;tecter d&rsquo;&eacute;ventuelles vuln&eacute;rabilit&eacute;s de s&eacute;curit&eacute;. Pour consulter les r&eacute;sultats, acc&eacute;dez &agrave; <\/span><b>S&eacute;curit&eacute; &rarr; Vuln&eacute;rabilit&eacute;s<\/b><span style=\"font-weight: 400\">.<\/span><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5375 size-full\" src=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-06_1.png\" alt=\"\" width=\"988\" height=\"528\" srcset=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-06_1.png 988w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-06_1-300x160.png 300w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-06_1-768x410.png 768w\" sizes=\"auto, (max-width: 988px) 100vw, 988px\" \/><\/p><p><b>Cette fonctionnalit&eacute;&nbsp;:<\/b><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">analyse les applications Codex d&eacute;ploy&eacute;es &agrave; la recherche de paquets npm vuln&eacute;rables&nbsp;;<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">affiche les paquets concern&eacute;s, les versions corrig&eacute;es disponibles et le niveau de gravit&eacute; associ&eacute;&nbsp;;<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">analyse automatiquement toutes les nouvelles applications d&eacute;ploy&eacute;es&nbsp;;<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">analyse les applications d&eacute;ploy&eacute;es avant l&rsquo;introduction de cette fonctionnalit&eacute; lors de leur prochain d&eacute;ploiement.<\/span><\/li>\n<\/ul><p><b>Que faire lorsqu&rsquo;une vuln&eacute;rabilit&eacute; est d&eacute;tect&eacute;e<\/b><span style=\"font-weight: 400\">&nbsp;? Mettez &agrave; jour le paquet concern&eacute; vers la version corrig&eacute;e indiqu&eacute;e dans le rapport, puis red&eacute;ployez votre application Codex.<\/span><\/p><p><span style=\"font-weight: 400\">Pour les applications Codex d&eacute;ploy&eacute;es via GitHub, Hostinger propose &eacute;galement une fonctionnalit&eacute; de correction automatique des vuln&eacute;rabilit&eacute;s. Lorsqu&rsquo;une vuln&eacute;rabilit&eacute; est d&eacute;tect&eacute;e, vous pouvez appliquer la correction recommand&eacute;e directement depuis la page Vuln&eacute;rabilit&eacute;s, sans avoir &agrave; rechercher manuellement les d&eacute;pendances concern&eacute;es.<\/span><\/p><p><b>Fonctionnement de la correction automatique<\/b><\/p><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Acc&eacute;dez &agrave; la page Vuln&eacute;rabilit&eacute;s, s&eacute;lectionnez une ou plusieurs vuln&eacute;rabilit&eacute;s et cliquez sur <\/span><b>Corriger<\/b><span style=\"font-weight: 400\"> ou <\/span><b>Tout corriger<\/b><span style=\"font-weight: 400\"> pour appliquer les corrections.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Hostinger cr&eacute;e alors une pull request dans le d&eacute;p&ocirc;t GitHub connect&eacute; avec la mise &agrave; jour recommand&eacute;e.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Examinez et fusionnez la pull request sur GitHub. Aucune modification n&rsquo;est appliqu&eacute;e &agrave; vos branches sans votre intervention.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Une fois la pull request fusionn&eacute;e, un nouveau d&eacute;ploiement est automatiquement lanc&eacute; et la vuln&eacute;rabilit&eacute; est marqu&eacute;e comme corrig&eacute;e.<\/span><\/li>\n<\/ol><p><b>Remarques importantes<\/b><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">La correction automatique est uniquement disponible pour les applications Codex d&eacute;ploy&eacute;es via GitHub. Les applications d&eacute;ploy&eacute;es par import de fichiers ne sont pas prises en charge.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Toutes les vuln&eacute;rabilit&eacute;s ne disposent pas d&rsquo;une correction automatique. Si aucune correction n&rsquo;est disponible, vous devrez mettre &agrave; jour manuellement le paquet concern&eacute; puis red&eacute;ployer l&rsquo;application.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">La correction automatique n&eacute;cessite que l&rsquo;int&eacute;gration GitHub de Hostinger dispose des droits d&rsquo;&eacute;criture sur votre d&eacute;p&ocirc;t. Si cette autorisation n&rsquo;a pas &eacute;t&eacute; accord&eacute;e, une erreur s&rsquo;affichera lors de la cr&eacute;ation de la pull request. Vous devrez alors approuver la demande d&rsquo;autorisation envoy&eacute;e par GitHub au nom de Hostinger.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Vous gardez le contr&ocirc;le de chaque modification. Hostinger n&rsquo;applique jamais directement de changements &agrave; vos branches et n&rsquo;a pas acc&egrave;s &agrave; vos secrets ni &agrave; vos variables d&rsquo;environnement.<\/span><\/li>\n<\/ul><h2 id=\"h-faq\"><b>FAQ<\/b><\/h2><p><b>1. J&rsquo;ai d&eacute;j&agrave; un nom de domaine chez Hostinger. Comment y d&eacute;ployer mon application Codex ?<\/b><\/p><p><span style=\"font-weight: 400\">Actuellement, les applications Codex doivent &ecirc;tre d&eacute;ploy&eacute;es en tant que nouveau site web. Pour cela&nbsp;:<\/span><\/p><ol>\n<li><span style=\"font-weight: 400\">Si le nom de domaine est d&eacute;j&agrave; ajout&eacute; &agrave; votre pack d&rsquo;h&eacute;bergement, commencez par <\/span><a href=\"https:\/\/www.hostinger.com\/support\/3624731-how-to-delete-a-website-from-a-hosting-plan-in-hostinger\"><span style=\"font-weight: 400\">supprimer le site web existant<\/span><\/a><span style=\"font-weight: 400\"><span style=\"font-weight: 400\">.<br>\n<\/span><\/span>\n<div style=\"background: #f5f6ff;border: 2px solid #c8d0ff;border-radius: 16px;padding: 20px 28px;margin: 24px 0\">\n<p style=\"margin: 0;font-size: 16px;line-height: 1.5\"><strong>Remarque :<\/strong> t&eacute;l&eacute;chargez une sauvegarde avant de supprimer le site web.<\/p>\n<\/div>\n<\/li>\n<li><span style=\"font-weight: 400\">Cliquez<\/span><b> sur Ajouter un site web<\/b><span style=\"font-weight: 400\"> puis s&eacute;lectionnez <\/span><b>Applications Node.js.<\/b><\/li>\n<li><span style=\"font-weight: 400\">Choisissez votre m&eacute;thode de d&eacute;ploiement (GitHub ou import de fichiers).<\/span><\/li>\n<\/ol><p><span style=\"font-weight: 400\">Une fois le d&eacute;ploiement termin&eacute;, votre application Codex sera active sur le nom de domaine ajout&eacute;.<\/span><\/p><p><b>2. Comment supprimer une application Codex d&eacute;ploy&eacute;e ?<\/b><\/p><p><span style=\"font-weight: 400\">Il n&rsquo;existe actuellement aucun bouton Arr&ecirc;ter ou Supprimer pour les d&eacute;ploiements d&rsquo;applications Codex. Pour mettre votre application hors ligne, vous devez supprimer le site web correspondant depuis hPanel. Cette action supprime tous les d&eacute;ploiements associ&eacute;s et rend l&rsquo;application inaccessible.<\/span><\/p><div style=\"background: #f5f6ff;border: 2px solid #c8d0ff;border-radius: 16px;padding: 20px 28px;margin: 24px 0\">\n<p style=\"margin: 0;font-size: 16px;line-height: 1.5\"><strong>Remarque :<\/strong> avant de supprimer votre site web, t&eacute;l&eacute;chargez une sauvegarde. Cette action est irr&eacute;versible et entra&icirc;nera la suppression de tous les fichiers, bases de donn&eacute;es, emails et param&egrave;tres associ&eacute;s.<\/p>\n<\/div><p><b>3. Quelles commandes npm peuvent &ecirc;tre ex&eacute;cut&eacute;es ?<\/b><\/p><p><span style=\"font-weight: 400\">Vous n&rsquo;avez pas besoin d&rsquo;ex&eacute;cuter manuellement des commandes npm via SSH ni d&rsquo;installer npm s&eacute;par&eacute;ment. npm est d&eacute;j&agrave; pr&eacute;install&eacute; par Hostinger.<\/span><span style=\"font-weight: 400\"><br>\n<\/span><\/p><p><span style=\"font-weight: 400\">Les commandes npm disponibles pour la compilation sont affich&eacute;es dans la liste d&eacute;roulante <\/span><b>Build settings (Param&egrave;tres de compilation)<\/b><span style=\"font-weight: 400\"> lors de la configuration de l&rsquo;application.<\/span><span style=\"font-weight: 400\"><br>\n<\/span><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5376 size-full\" src=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-06_2.png\" alt=\"\" width=\"564\" height=\"456\" srcset=\"https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-06_2.png 564w, https:\/\/www.hostinger.com\/fr\/support\/wp-content\/uploads\/sites\/56\/2026\/06\/2026-05-29_12-06_2-300x243.png 300w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/p><p><b>4. Puis-je d&eacute;ployer une application Codex depuis un d&eacute;p&ocirc;t GitHub priv&eacute; ?<\/b><\/p><p><span style=\"font-weight: 400\">Oui. Connectez votre compte GitHub, autorisez l&rsquo;acc&egrave;s au d&eacute;p&ocirc;t priv&eacute;, puis d&eacute;ployez l&rsquo;application depuis la branche de votre choix. Chaque modification envoy&eacute;e vers la branche connect&eacute;e d&eacute;clenche automatiquement un nouveau d&eacute;ploiement.<\/span><\/p><p><b>5. Comment migrer une application Codex depuis un environnement local ou un autre h&eacute;bergeur ?<\/b><\/p><p><span style=\"font-weight: 400\">Publiez votre application Codex sur GitHub, connectez le d&eacute;p&ocirc;t &agrave; Hostinger, puis configurez les variables d&rsquo;environnement requises. Si vous migrez depuis un autre h&eacute;bergeur, conservez autant que possible le m&ecirc;me point d&rsquo;entr&eacute;e Node.js et les m&ecirc;mes param&egrave;tres de base de donn&eacute;es afin de limiter les modifications.<\/span><\/p><p><span style=\"font-weight: 400\">Et voil&agrave;&nbsp;! Vous avez d&eacute;ploy&eacute; avec succ&egrave;s une application Codex sur Hostinger &agrave; l&rsquo;aide de l&rsquo;int&eacute;gration GitHub ou de l&rsquo;import direct de fichiers. Si vous avez des questions ou besoin d&rsquo;aide, n&rsquo;h&eacute;sitez pas &agrave; discuter en direct avec un agent de notre &eacute;quipe de support, disponible 24&nbsp;h\/24 et 7&nbsp;j\/7.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;h&eacute;bergement Codex de Hostinger vous permet de d&eacute;ployer les applications cr&eacute;&eacute;es avec Codex sur une infrastructure enti&egrave;rement g&eacute;r&eacute;e, sans configuration manuelle du serveur. Les compilations&#8230;<\/p>\n","protected":false},"author":528,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[193],"tags":[],"class_list":["post-5356","post","type-post","status-publish","format-standard","hentry","category-technologies-et-fonctions-prises-en-charge"],"hreflangs":[],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/5356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/users\/528"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/comments?post=5356"}],"version-history":[{"count":7,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/5356\/revisions"}],"predecessor-version":[{"id":5379,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/5356\/revisions\/5379"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/media?parent=5356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/categories?post=5356"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/tags?post=5356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}