{"id":10955,"date":"2026-05-29T06:01:31","date_gmt":"2026-05-29T06:01:31","guid":{"rendered":"https:\/\/www.hostinger.com\/support\/?p=10955"},"modified":"2026-05-29T06:01:31","modified_gmt":"2026-05-29T06:01:31","slug":"how-to-deploy-apps-built-with-codex-on-hostinger","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/how-to-deploy-apps-built-with-codex-on-hostinger\/","title":{"rendered":"How to deploy apps built with Codex on Hostinger"},"content":{"rendered":"
Codex hosting on Hostinger lets you deploy the apps you build with Codex on managed infrastructure, with automatic builds and no manual server setup. Hostinger supports Codex apps on Business and Cloud hosting plans, with frameworks like React, Vite, Express.js, and Next.js auto-detected from your project’s package.json<\/strong>.<\/p> Deploy your Codex project from a GitHub repository or by uploading a .zip<\/strong> file. Once your Codex app is live, manage logs, environment variables, restarts, database connections, and dependency vulnerabilities directly from hPanel.<\/p> Codex hosting<\/a> is available on the following Hostinger plans:<\/p> If you’re on a different plan, upgrade your hosting plan through hPanel to access Codex hosting.<\/p> <\/p> Codex hosting supports the Node.js frameworks Codex commonly outputs, with Hostinger auto-detecting the framework from your project’s package.json<\/strong> and configuring the build for you. Your Codex app must use one of these frameworks:<\/p> Frontend frameworks:<\/p> Backend frameworks:<\/p> Supported Node.js versions:<\/strong> 18.x, 20.x, 22.x, 24.x<\/p> If Hostinger can’t auto-detect your framework, it assigns the Other type. You can also select Other manually from the framework dropdown during setup.<\/p> Connecting a GitHub repository is the fastest way to deploy a Codex app on Hostinger. After the initial connection, pushes to the linked branch trigger automatic redeployments.<\/p> Log in to hPanel, navigate to Websites in the sidebar, and click Add Website.<\/p> Choose Node.js Web App from the available options.<\/p> Select Continue with Github<\/strong> under the Import Git repository<\/strong> section:<\/p> You’ll be redirected to GitHub. Select All repositories<\/strong> then click Install & Authorize<\/strong> to allow Hostinger to access your repositories:<\/p> Choose the repository containing your Codex app:<\/p> The system automatically detects your framework and suggests build settings, which you can modify if needed:<\/p> If your framework type is “Other”:<\/strong><\/p> When Other<\/strong> is selected, Hostinger’s detection script gathers as much configuration information as possible. Some build and output settings may need to be filled in manually:<\/p> If you’re unsure of these values, check your project’s package.json<\/strong> or build configuration file.<\/p> Click Deploy<\/strong> to start building your application:<\/p> Your Codex app is now live. Once deployment completes, you’ll see a preview screenshot of your built site, giving you visual confirmation that the deployment was successful before navigating to your URL:<\/p> <\/p> NOTE<\/strong>: One hosting plan can only be connected to one GitHub account at a time. All Codex apps within that hosting plan use the same GitHub account.<\/p>\n<\/div> If you’d rather not connect a GitHub repository, you can deploy your Codex app by uploading a compressed project file directly to Hostinger. The path works the same way as GitHub deployment, with Hostinger detecting your framework and handling the build.<\/p> Log in to hPanel, navigate to Websites<\/strong>, and click Add Website.<\/strong><\/p> Choose Node.js Web App<\/strong> from the options.<\/p> Select Continue<\/strong> under the Upload your website files<\/strong> option:<\/p> Upload a compressed file (.zip) containing your Codex app.<\/p> <\/p> Confirm or edit the auto-detected build settings.<\/p> If your framework type is “Other”:<\/strong><\/p> When Other<\/strong> is selected, Hostinger’s detection script gathers as much configuration information as possible. Some settings may need to be filled in manually:<\/p> If you’re unsure of these values, check your project’s package.json<\/strong> or build configuration file.<\/p> Click Deploy<\/strong> to build and launch your Codex app.<\/p> Your Codex app is now ready to use. Once deployment completes, you’ll see a preview screenshot of the built site, giving you visual confirmation that the deployment was successful.<\/p> The Node.js Website Dashboard in hPanel gives you everything you need to manage your live Codex app. From a single screen, you can monitor deployment status, jump to environment variables, view resource graphs, and restart server-side apps:<\/p> 1. GitHub repository quick link<\/strong><\/p> If your Codex app is deployed via GitHub, the dashboard shows a direct link to the connected repository. Click it to open the repo in a new tab to check code, branches, or recent commits without leaving hPanel.<\/p> 2. Last deployment details<\/strong><\/p> The dashboard displays detailed information about your most recent deployment, including:<\/p> This replaces the need to navigate to the Deployments section just to check the latest build status.<\/p> 3. Quick links to key features<\/strong><\/p> Quick navigation links let you jump directly to:<\/p> 4. Resource usage graphs<\/strong><\/p> The dashboard includes average resource usage graphs for CPU, RAM, and I\/O. The graphs give you a quick visual overview of how your Codex app consumes hosting resources without navigating to the full Resource Usage section.<\/p> If any metric approaches the red dotted line (your plan’s limit), optimize your app or upgrade your plan<\/a>.<\/p> 5. Restart<\/strong><\/p> The dashboard includes a Restart button when you click Running for server-side Codex apps. Use this to restart the server process directly from hPanel, with no full rebuild or redeployment needed.<\/p> For Codex apps that generate backend build files (e.g., Express.js, Next.js, Nuxt.js, NestJS), build output is stored outside public_html:<\/strong><\/p> If your Codex app was previously deployed with build files inside public_html<\/strong>, they’re moved automatically on the next build.<\/p> <\/p> NOTE<\/strong>:<\/p>\n The Node.js dashboard includes a database connect wizard to help you connect your Codex app to an external database.<\/p> Supported providers:<\/strong><\/p> How it works:<\/p> For manual database connection setup, see:<\/p> Hostinger includes automatic vulnerability monitoring for your Codex app’s dependencies. To access it, go to Security → Vulnerabilities:<\/strong><\/p> What it does:<\/strong><\/p> What to do when a vulnerability is detected<\/strong>: Update the affected package to the fixed version listed in the report, then redeploy your Codex app.<\/p> Hostinger supports automated vulnerability patching for Codex apps deployed via GitHub. When a vulnerability is detected, you can apply an auto-fix directly from the Vulnerabilities page without manual package hunting.<\/p> How auto-fix works:<\/strong><\/p> Important notes:<\/strong><\/p> 1. I already have a domain added at Hostinger. How do I deploy my Codex app to it?<\/strong><\/p> Currently, Codex apps must be deployed as a new website. The process:<\/p>Which Hostinger plans support Codex apps?<\/h2>
\n
What you’ll need<\/h2>
\n
Supported frameworks for Codex apps<\/h2>
\n
\n
Deploying a Codex app from a GitHub repository<\/h2>
Step 1: Access the Node.js Apps section<\/h3>
Step 2: Select Node.js Apps<\/h3>
<\/p>Step 3: Choose GitHub integration<\/h3>
<\/p>Step 4: Authorize GitHub access<\/h3>
<\/p>Step 5: Select your Codex repository<\/h3>
<\/p>Step 6: Configure build settings<\/h3>
<\/p>\n
<\/p>Step 7: Deploy your Codex app<\/h3>
<\/p>Deploying a Codex app by uploading files<\/h2>
Step 1: Access the Node.js Apps section<\/h3>
Step 2: Select Node.js Apps<\/h3>
Step 3: Choose file upload<\/h3>
<\/p>Step 4: Upload your Codex project<\/h3>
<\/p>Step 5: Configure build settings<\/h3>
\n
Step 6: Deploy your Codex app<\/h3>
Managing your deployed Codex app<\/h2>
<\/p>\n
\n
File structure after deployment<\/h2>
\n
\n
Database connect wizard<\/h2>
\n
\n
\n
<\/li>\n
\n
<\/li>\n
\n
<\/li>\n\n
Vulnerability monitoring<\/h2>
<\/p>\n
\n
\n
Frequently asked questions<\/h2>