{"id":12653,"date":"2026-06-16T22:48:44","date_gmt":"2026-06-16T15:48:44","guid":{"rendered":"\/de\/tutorials\/?p=12653"},"modified":"2026-06-16T22:50:05","modified_gmt":"2026-06-16T15:50:05","slug":"codex-app-bereitstellen","status":"publish","type":"post","link":"\/de\/tutorials\/codex-app-bereitstellen","title":{"rendered":"Eine Codex-App bereitstellen: So geht&#8217;s"},"content":{"rendered":"<p>Sie k&ouml;nnen eine mit Codex erstellte App auf mehrere Arten bereitstellen &ndash; zum Beispiel &uuml;ber CLI-Tools und containerbasierte Plattformen, &uuml;ber CI\/CD-Pipelines oder Git-basierte Deployments &ndash; je nachdem, welche Hosting-Plattform Sie w&auml;hlen.<\/p><p>Mit Hostinger k&ouml;nnen Sie eine auf Node.js basierende Codex-App bereitstellen, indem Sie ein GitHub-Repository importieren oder eine ZIP-Datei im Einrichtungsablauf der Node.js-Web-App im hPanel hochladen. Hostinger erkennt das Framework, f&uuml;hrt den Build-Prozess aus und &uuml;bernimmt die Bereitstellung automatisch, sodass keine manuelle Serverkonfiguration erforderlich ist.<\/p><p>So stellen Sie eine mit Codex erstellte App bei Hostinger bereit:<\/p><ol class=\"wp-block-list\">\n<li><strong>Bereiten Sie Ihr Codex-Projekt f&uuml;r die Bereitstellung vor.<\/strong> Exportieren Sie Ihr Projekt aus Codex &uuml;ber GitHub oder als ZIP-Datei, und stellen Sie sicher, dass es eine Datei namens <strong>package.json<\/strong> enth&auml;lt, bevor Sie es deployen.<\/li>\n\n\n\n<li><strong>Stellen Sie Ihre App bereit.<\/strong> Nachdem Sie einen Node.js-Hosting-Tarif gebucht haben, verbinden Sie ein GitHub-Repository f&uuml;r automatische erneute Deployments oder laden Sie eine ZIP-Datei f&uuml;r eine schnellere einmalige Einrichtung hoch.<\/li>\n\n\n\n<li><strong>F&uuml;gen Sie Umgebungsvariablen hinzu.<\/strong> Wenn Ihre App auf API-Schl&uuml;ssel, Datenbank-URLs oder Authentifizierungs-Secrets angewiesen ist, k&ouml;nnen Sie diese in hPanel als Umgebungsvariablen hinterlegen, anstatt sie direkt in Ihrem Projekt zu hinterlegen.<\/li>\n\n\n\n<li><strong>Testen Sie die Live-Version Ihrer Codex-App.<\/strong> &Ouml;ffnen Sie die Live-URL und pr&uuml;fen Sie, ob Ihre App korrekt geladen wird und die zentralen Funktionen wie erwartet funktionieren.<\/li>\n\n\n\n<li><strong>Verwalten Sie Ihre bereitgestellte App.<\/strong> &Uuml;berwachen Sie die Ressourcennutzung, aktualisieren Sie Umgebungsvariablen, beheben Sie Schwachstellen und stellen Sie neue Versionen erneut bereit, w&auml;hrend sich Ihre App weiterentwickelt.<\/li>\n\n\n\n<li><strong>&Uuml;berwachen Sie Sicherheitsl&uuml;cken und aktualisieren Sie Abh&auml;ngigkeiten.<\/strong> Hostinger scannt Ihre bereitgestellte App automatisch auf verwundbare npm-Pakete. F&uuml;r mit GitHub verbundene Apps k&ouml;nnen Sie die Auto-Fix-Funktion verwenden, um Schwachstellen zu beheben, ohne jede Abh&auml;ngigkeit manuell pr&uuml;fen zu m&uuml;ssen.<\/li>\n<\/ol><p>Sobald Ihr Projekt bereitgestellt ist, sollten Sie den Codebestand regelm&auml;&szlig;ig &uuml;berpr&uuml;fen, da Codex ein KI-Agent ist, der Code sehr schnell erzeugen und ver&auml;ndern kann. Wenn Sie vor jeder Bereitstellung &uuml;berpr&uuml;fen, was erzeugt wird, k&ouml;nnen Sie Fehler oder unbeabsichtigte &Auml;nderungen erkennen, bevor diese Ihre Nutzer erreichen.<\/p><p><\/p><p><strong><\/p><h2 class=\"wp-block-heading\" id=\"h-1-bereiten-sie-ihre-mit-codex-erstellte-app-auf-die-bereitstellung-vor\">1. Bereiten Sie Ihre mit Codex erstellte App auf die Bereitstellung vor<\/h2><p>Wenn Sie w&auml;hrend Ihrer Build-Session ein GitHub-Repository verbunden haben, kann Codex Ihren Code direkt dorthin pushen. Alternativ k&ouml;nnen Sie die Projektdateien aus Codex herunterladen und in ein ZIP-Archiv packen, wenn Sie lieber keine Verbindung zu einem Repository herstellen m&ouml;chten.<\/p><p>Stellen Sie in jedem Fall sicher, dass Ihr exportiertes Projekt eine Datei namens <strong>package.json<\/strong> enth&auml;lt, bevor Sie es bereitstellen. Hostinger verwendet diese Datei, um Ihr Framework zu erkennen, Abh&auml;ngigkeiten zu identifizieren und den richtigen Build-Prozess zu bestimmen.<\/p><p>Ohne diese Angabe kann die automatische Framework-Erkennung fehlschlagen, und Sie m&uuml;ssen m&ouml;glicherweise Werte wie das Ausgabeverzeichnis, den Build-Befehl oder den Einstiegspunkt der Anwendung manuell festlegen. Diese Werte finden Sie in Ihrer Datei &bdquo;<strong>package.json<\/strong>&ldquo; oder in den Konfigurationsdateien Ihres Frameworks.<\/p><p>Hostinger unterst&uuml;tzt verschiedene Node.js-Frameworks: Angular, Astro, Next.js, Nuxt, Parcel, React, React Router, Svelte, SvelteKit, Vite, Vue.js, Express, Fastify und Hono. Unterst&uuml;tzte Node.js-Versionen sind 18.x, 20.x, 22.x und 24.x.<\/p><p>Wenn Sie die Kompatibilit&auml;t im Vorfeld pr&uuml;fen, k&ouml;nnen Sie Probleme vermeiden, wenn Sie eine Node.js-App bereitstellen.<\/p><p>Sammeln Sie au&szlig;erdem vor dem Start alle erforderlichen Umgebungsvariablen, API-Schl&uuml;ssel, Datenbankzugangsdaten und sonstigen Konfigurationswerte.<\/p><h2 class=\"wp-block-heading\" id=\"h-2-stellen-sie-ihre-mit-codex-erstellte-app-bereit\">2. Stellen Sie Ihre mit Codex erstellte App bereit<\/h2><p>F&uuml;r den Einstieg ben&ouml;tigen Sie Node.js-Web-App-Hosting. Wenn Sie bereits einen Hostinger Business- oder Cloud-Hosting-Tarif haben, k&ouml;nnen Sie sich einfach im hPanel anmelden. Gehen Sie dann zu <strong>Websites<\/strong> &rarr; <strong>Add website<\/strong> &rarr; <strong>Node.js Web App<\/strong>.<\/p><p><\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a3452bb26ecb\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3452bb26ecb\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/06\/1780912190905-0.png\" alt=\"Auswahl der Node.js-Web-App im hPanel hervorgehoben\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Alternativ k&ouml;nnen Sie unsere Seite <a href=\"\/de\/web-apps-hosting\/codex-hosting\" data-wpel-link=\"internal\" rel=\"follow\">Hosting f&uuml;r die Codex-App<\/a> besuchen, um einen Tarif zu erwerben, wenn Sie zum ersten Mal eine Web-App bei Hostinger hosten.<\/p><p>Wenn Sie sich im Hosting-Ablauf f&uuml;r eine Node.js-App befinden, werden Sie aufgefordert, einen Domainnamen auszuw&auml;hlen, den Sie mit Ihrem Projekt verbinden, oder Sie verwenden einen zuf&auml;llig generierten tempor&auml;ren Domainnamen. <\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a3452bb272aa\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3452bb272aa\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/06\/1780912196344-0.png\" alt=\"Auswahl der Domainnamen-Seite beim Bereitstellen einer Node.js-App auf Hostinger\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>W&auml;hlen Sie anschlie&szlig;end eine bevorzugte Methode zum Bereitstellen einer Codex-App aus:<\/p><ul class=\"wp-block-list\">\n<li><strong>GitHub-Repository.<\/strong> Verbinden Sie Ihr Repository direkt mit Hostinger. Nach der Ersteinrichtung l&ouml;st das &Uuml;bertragen von &Auml;nderungen in den verbundenen Branch automatisch eine erneute Bereitstellung aus. Am besten geeignet f&uuml;r Projekte, die Sie fortlaufend aktualisieren.<\/li>\n\n\n\n<li><strong>ZIP-Datei-Upload.<\/strong> Laden Sie Ihre Codex-Projektdateien als komprimiertes Archiv hoch. Keine GitHub-Verbindung erforderlich. Am besten geeignet f&uuml;r Prototypen oder einmalige Bereitstellungen.<\/li>\n<\/ul><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a3452bb275c9\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3452bb275c9\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/06\/1780912202029-0.png\" alt=\"Bereitstellungsoptionen f&uuml;r Node.js-Webanwendungen bei Hostinger\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Unabh&auml;ngig davon, welche Methode Sie w&auml;hlen, liest Hostinger Ihre Datei <strong>package.json<\/strong> aus und erkennt Ihr Framework und Ihre Build-Einstellungen automatisch. F&uuml;r die meisten Projekte funktioniert die vorgeschlagene Konfiguration unver&auml;ndert, sodass Sie einfach auf <strong>Deploy<\/strong> klicken k&ouml;nnen.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a3452bb278a3\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3452bb278a3\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/06\/1780912207223-0.png\" alt=\"Seite zur &Uuml;berpr&uuml;fung der Build-Einstellungen einer Codex-App im Node.js-Hosting-Flow von Hostinger\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Wenn Ihr Framework nicht erkannt wird und als &bdquo;<strong>Other<\/strong>&ldquo; eingestuft ist, m&uuml;ssen Sie das Ausgabeverzeichnis und die Einstiegsdatei vor der Bereitstellung manuell angeben.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a3452bb27b44\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3452bb27b44\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/06\/1780912212493-0.png\" alt=\"Die Eingabefelder f&uuml;r die manuellen Build-Einstellungen der Codex-Web-App im Hostinger-hPanel\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Die vollst&auml;ndige Schritt-f&uuml;r-Schritt-Anleitung finden Sie in unserem Ratgeber zum Thema Bereitstellen von mit Codex erstellten Apps bei Hostinger.<\/p><h2 class=\"wp-block-heading\" id=\"h-3-umgebungsvariablen-hinzufugen\">3. Umgebungsvariablen hinzuf&uuml;gen<\/h2><p>Viele mit Codex erstellte Anwendungen sind f&uuml;r ihre Funktion auf Umgebungsvariablen angewiesen, insbesondere Anwendungen, die eine Verbindung zu externen Datenbanken herstellen, die Benutzer-Authentifizierung abwickeln, Zahlungen verarbeiten oder externe APIs aufrufen. <\/p><p>Wenn Ihre App eine dieser Aktionen ausf&uuml;hrt, erwartet sie, dass Werte wie API-Schl&uuml;ssel, Datenbank-URLs oder Authentifizierungsgeheimnisse zur Laufzeit verf&uuml;gbar sind.<\/p><p>Sie k&ouml;nnen diese Werte &uuml;ber das hPanel hinzuf&uuml;gen, statt sie direkt in Ihrem Projekt zu hinterlegen. So bleiben vertrauliche Daten au&szlig;erhalb Ihres Codebestands, und Sie k&ouml;nnen Werte einfacher aktualisieren, ohne neu bereitstellen zu m&uuml;ssen.<\/p><p>&Uuml;berpr&uuml;fen Sie in dem von Codex generierten Code die Variablennamen, die Ihre App erwartet. F&uuml;r Next.js-Apps geh&ouml;ren dazu typische Beispiele wie <strong>DATABASE_UR<\/strong>L, <strong>API_KEY<\/strong> und <strong>NEXT_PUBLIC_*<\/strong>. <\/p><p>F&uuml;gen Sie alle ben&ouml;tigten Variablen hinzu, indem Sie im linken Seitenleistenmen&uuml; Ihres Node.js-Dashboards den Bereich &bdquo;<strong>Environment variables<\/strong>&ldquo; &ouml;ffnen und auf &bdquo;<strong>Add environment variable<\/strong>&ldquo; klicken. Anschlie&szlig;end werden Sie aufgefordert, den Schl&uuml;ssel und den Wert hinzuzuf&uuml;gen.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a3452bb27ee5\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3452bb27ee5\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/06\/1780912217186-0.png\" alt=\"Men&uuml; f&uuml;r Umgebungsvariablen in einem Node.js-Hosting-Dashboard auf hPanel\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Speziell f&uuml;r Datenbankverbindungen enth&auml;lt das Node.js-Dashboard von Hostinger einen integrierten Verbindungsassistenten f&uuml;r Supabase und MongoDB Atlas. &Ouml;ffnen Sie Ihr Node.js-Dashboard, suchen Sie das Men&uuml; <strong>**Database**<\/strong>, klicken Sie auf <strong>**Connect**<\/strong> und w&auml;hlen Sie den gew&uuml;nschten Datenbankanbieter aus.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a3452bb28164\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3452bb28164\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/06\/1780912222275-0.png\" alt=\"Der Assistent f&uuml;r die Datenbankverbindung im Node.js-Hosting-Dashboard von hPanel\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Befolgen Sie anschlie&szlig;end die Anweisungen auf dem Bildschirm, um Ihre Verbindungsdaten einzugeben. Hostinger speichert sie automatisch als Umgebungsvariablen und erstellt Ihr Projekt neu, sodass die aktualisierte Konfiguration sofort wirksam wird.<\/p><h2 class=\"wp-block-heading\" id=\"h-4-testen-sie-ihre-live-geschaltete-mit-codex-erstellte-app\">4. Testen Sie Ihre live geschaltete, mit Codex erstellte App<\/h2><p>Sobald die Bereitstellung abgeschlossen ist und die Umgebungsvariablen verbunden sind, rufen Sie die Live-URL Ihrer App auf und &uuml;berpr&uuml;fen Sie, ob alles wie erwartet funktioniert.<\/p><p>&Uuml;berpr&uuml;fen Sie zun&auml;chst, ob <strong>die App korrekt geladen wird<\/strong> und <strong>alle Seiten zug&auml;nglich sind<\/strong>. Testen Sie anschlie&szlig;end die <strong>Kernfunktionalit&auml;t<\/strong> Ihrer Anwendung, einschlie&szlig;lich Formulare, Schaltfl&auml;chen, Authentifizierungsabl&auml;ufe, API-Integrationen, datenbankgest&uuml;tzter Funktionen und anderer kritischer Benutzerinteraktionen. <\/p><p>Wenn Ihre App Umgebungsvariablen oder externe Dienste verwendet, vergewissern Sie sich ebenfalls, dass diese Verbindungen ordnungsgem&auml;&szlig; funktionieren. Wenn Probleme auftreten, sehen Sie sich die Bereitstellungsprotokolle im hPanel an, um weitere Informationen zu erhalten. Pr&uuml;fen Sie diese auf die konkrete Fehlermeldung, passen Sie Ihr Projekt oder die Build-Einstellungen bei Bedarf an und stellen Sie die Anwendung erneut bereit. <\/p><p>F&uuml;hren Sie nach jeder Bereitstellung weiterhin Tests durch, um zu best&auml;tigen, dass das Problem behoben wurde.<\/p><h2 class=\"wp-block-heading\" id=\"h-5-verwalten-sie-ihre-bereitgestellte-mit-codex-erstellte-app\">5. Verwalten Sie Ihre bereitgestellte, mit Codex erstellte App<\/h2><p>Nach der Bereitstellung k&ouml;nnen Sie Ihre Codex-App im Node.js-Dashboard in hPanel verwalten. Dieses Dashboard bietet eine zentrale Stelle, an der Sie Ihre App &uuml;berwachen, ihre Konfiguration aktualisieren, Probleme beheben und die App bei Bedarf erneut bereitstellen k&ouml;nnen.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a3452bb2857b\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3452bb2857b\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/06\/1780912227912-0.png\" alt=\"Node.js-Hosting-Dashboard im hPanel\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>&Uuml;ber das Dashboard k&ouml;nnen Sie Folgendes aufrufen:<\/p><ul class=\"wp-block-list\">\n<li><strong>Schnellzugriff auf das GitHub-Repository.<\/strong> Wenn Sie &uuml;ber GitHub bereitgestellt haben, sehen Sie einen direkten Link zu dem Repository, das Sie verbunden haben.<\/li>\n\n\n\n<li><strong>Status der letzten Bereitstellung.<\/strong> Anzeigen, ob die aktuellste Bereitstellung erfolgreich war oder fehlgeschlagen ist, zusammen mit einem Zeitstempel und Zugriff auf die Bereitstellungsprotokolle.<\/li>\n\n\n\n<li><strong>Bereitstellungsprotokolle.<\/strong> Ausf&uuml;hrliche Build- und Deployment-Ausgaben zur Fehlerbehebung &uuml;berpr&uuml;fen.<\/li>\n\n\n\n<li><strong>Umgebungsvariablen.<\/strong> Umgebungsvariablen hinzuf&uuml;gen, bearbeiten oder entfernen, die von Ihrer Anwendung verwendet werden.<\/li>\n\n\n\n<li><strong>Einstellungen und erneute Bereitstellung.<\/strong> Aktualisieren Sie die Build-Einstellungen und stellen Sie die App nach den &Auml;nderungen erneut bereit.<\/li>\n\n\n\n<li><strong>Dateimanager.<\/strong> Bereitgestellte Dateien direkt in hPanel durchsuchen und verwalten.<\/li>\n\n\n\n<li><strong>Diagramme zur Ressourcennutzung.<\/strong> CPU- RAM- und I\/O-Auslastung &uuml;berwachen.<\/li>\n<\/ul><p>Es wird au&szlig;erdem eine Option zum <strong>Neustart<\/strong> f&uuml;r serverseitige Anwendungen geben, die einen dauerhaften Prozess ausf&uuml;hren, etwa Express.js- Next.js- und NestJS-Apps.<\/p><p>Es ist sinnvoll, die Ressourcennutzung im Blick zu behalten, w&auml;hrend Ihre App w&auml;chst. Wenn der Traffic zunimmt oder Ihre Anwendung zunehmend anspruchsvollere Workloads verarbeitet, sollten Sie regelm&auml;&szlig;ig die CPU- RAM- und I\/O-Diagramme im Dashboard &uuml;berpr&uuml;fen.<\/p><p>Sobald die Nutzung die Grenzen Ihres Hosting-Tarifs erreicht, sollten Sie Ihre Anwendung optimieren oder Ihre Hosting-Ressourcen erweitern, um eine zuverl&auml;ssige Performance aufrechtzuerhalten.<\/p><h2 class=\"wp-block-heading\" id=\"h-6-schwachstellen-uberwachen-und-abhangigkeiten-aktualisieren\">6. Schwachstellen &uuml;berwachen und Abh&auml;ngigkeiten aktualisieren<\/h2><p>Die Bereitstellung Ihrer App ist nur der Anfang. Da Codex-basierte Apps h&auml;ufig auf npm-Pakete angewiesen sind, ist es wichtig, Sicherheitsl&uuml;cken zu &uuml;berwachen und Abh&auml;ngigkeiten regelm&auml;&szlig;ig auf dem neuesten Stand zu halten.<\/p><p>Hostinger <strong>scannt bereitgestellte Codex-Apps auf bekannte npm-Sicherheitsl&uuml;cken<\/strong> und erstellt Berichte, die die betroffenen Paketnamen, Schweregrade und verf&uuml;gbaren korrigierten Versionen anzeigen. <\/p><p>Sie greifen auf diese Berichte zu, indem Sie in Ihrem Node.js-Dashboard zu **<strong>Security<\/strong> &rarr; <strong>Vulnerabilities<\/strong>** navigieren.<\/p><div class=\"wp-block-image wp-block-image aligncenter size-large\">\n<figure class=\"wp-lightbox-container\" data-wp-context='{\"imageId\":\"6a3452bb28a05\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3452bb28a05\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/06\/1780912233831-0.png\" alt=\"Scanner f&uuml;r Schwachstellen in Node.js-Webanwendungen im hPanel-Dashboard\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Wenn eine Sicherheitsl&uuml;cke erkannt wird, aktualisieren Sie die betroffene Abh&auml;ngigkeit auf die empfohlene Version und stellen Sie die App erneut bereit. Regelm&auml;&szlig;ige Aktualisierungen von Abh&auml;ngigkeiten tragen dazu bei, Sicherheitsrisiken zu verringern, die Stabilit&auml;t zu verbessern und Ihre Anwendung zuverl&auml;ssig am Laufen zu halten. <\/p><p>Wenn f&uuml;r eine bestimmte Schwachstelle keine automatische Behebung verf&uuml;gbar ist, m&uuml;ssen Sie das betroffene Paket manuell aktualisieren und erneut bereitstellen.<\/p><p>F&uuml;r Apps, die &uuml;ber GitHub bereitgestellt werden, bietet Hostinger au&szlig;erdem eine <strong>automatische Korrekturfunktion<\/strong> an, die den Aktualisierungsvorgang vereinfacht. Anstatt Pakete manuell zu aktualisieren, k&ouml;nnen Sie direkt aus hPanel einen GitHub-Pull-Request mit den empfohlenen Korrekturen erstellen. <\/p><p>Sobald die Pull-Anfrage erstellt ist, k&ouml;nnen Sie die vorgeschlagenen &Auml;nderungen pr&uuml;fen, sie bei Zufriedenheit zusammenf&uuml;hren und automatisch eine neue Bereitstellung ausl&ouml;sen.<\/p><p>Beachten Sie, dass <strong>Auto-Fix<\/strong> <strong>nur f&uuml;r Codex-Apps verf&uuml;gbar ist, die &uuml;ber GitHub bereitgestellt werden<\/strong>. F&uuml;r diese Funktion muss die Hostinger-GitHub-App &uuml;ber Schreibzugriff auf Ihr Repository verf&uuml;gen. <\/p><p>Wenn die erforderlichen Berechtigungen nicht erteilt wurden, wird beim Versuch, eine Pull-Anfrage zu erstellen, ein Fehler angezeigt. In diesem Fall sendet GitHub im Namen von Hostinger eine E&#8209;Mail und fordert Sie auf, die Aktualisierung der Berechtigungen zu genehmigen.<\/p><p>Hostinger f&uuml;hrt niemals Zusammenf&uuml;hrungen durch und spielt keine Updates direkt in Ihre Branches ein. Jede Korrektur wird als Pull Request eingereicht, damit Sie sie pr&uuml;fen und freigeben k&ouml;nnen. <\/p><p>Der Auto-Fix-Prozess ist auf Aktualisierungen von Abh&auml;ngigkeiten beschr&auml;nkt und erh&auml;lt keinen Zugriff auf die Secrets Ihres Repositorys oder auf Umgebungsvariablen. So behalten Sie die volle Kontrolle &uuml;ber Ihren Code und Ihre Konfiguration.<\/p><p>Weitere bew&auml;hrte Sicherheitspraktiken finden Sie in unserem Leitfaden zum Schutz Ihrer Web-App.<\/p><h2 class=\"wp-block-heading\" id=\"h-haufige-probleme-beim-bereitstellen-einer-mit-codex-erstellten-app\">H&auml;ufige Probleme beim Bereitstellen einer mit Codex erstellten App<\/h2><p>Wenn Ihre mit Codex erstellte App sich nicht bereitstellen l&auml;sst oder nicht richtig ausgef&uuml;hrt wird, liegt die Ursache oft an der Projektkonfiguration, den Build-Einstellungen, den Abh&auml;ngigkeiten oder fehlenden Umgebungsvariablen. <\/p><p>In der folgenden Tabelle finden Sie die h&auml;ufigsten Probleme bei der Bereitstellung von Codex mit Hostinger und deren L&ouml;sung:<\/p><div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure tabindex=\"0\" class=\"wp-block-table\"><table><tbody><tr><td colspan=\"1\" rowspan=\"1\"><p><strong>M&ouml;gliches Problem<\/strong> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><strong>L&ouml;sung<\/strong> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Fehlende <\/span> <span>Datei<\/span> <strong>package.json<\/strong> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Stellen Sie sicher, dass sich die Datei package.json im Wurzelverzeichnis Ihres Projekts befindet, bevor Sie es hochladen oder zu GitHub pushen.<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Die App wird erfolgreich erstellt, liefert aber aufgrund eines falschen Ausgabeverzeichnisses nicht die erwarteten Dateien.<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Pr&uuml;fen Sie die Konfigurationsdatei Ihres Frameworks oder <\/span>die Datei &bdquo;<strong>package.json<\/strong>&ldquo;<span> auf den korrekten Ausgabepfad und aktualisieren Sie diesen in den Build-Einstellungen.<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Fehlende Umgebungsvariablen: Die App wird zwar geladen, aber Funktionen, die von APIs oder Datenbanken abh&auml;ngen, schlagen fehl<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Stellen Sie sicher, dass alle erforderlichen Umgebungsvariablen hinzugef&uuml;gt wurden, und f&uuml;hren Sie anschlie&szlig;end die Bereitstellung erneut durch.<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Falsche Entry-Datei, daher werden serverseitige Apps nach der Bereitstellung m&ouml;glicherweise nicht gestartet<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Best&auml;tigen Sie die korrekte Einstiegsdatei in Ihrer <\/span> <strong>package.json<\/strong> <span> und aktualisieren Sie sie in den Build-Einstellungen<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Abh&auml;ngigkeiten lassen sich aufgrund einer nicht unterst&uuml;tzten oder nicht passenden Node.js-Version nicht installieren oder erstellen<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>W&auml;hlen Sie in den Build-Einstellungen eine unterst&uuml;tzte Node.js-Version aus, die zu den Anforderungen Ihres Projekts passt.<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Gro&szlig;e oder unvollst&auml;ndige ZIP-Datei<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Stellen Sie sicher, dass die <\/span> <strong>ZIP<\/strong> <span>-Datei die vollst&auml;ndige Projektstruktur enth&auml;lt oder schlie&szlig;en Sie <\/span> <strong>node_modules<\/strong> <span> aus, um die Dateigr&ouml;&szlig;e &uuml;berschaubar zu halten.<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>403-Fehler nach erneutem Deployment<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Ein 403-Fehler nach einer erneuten Bereitstellung kann durch ein Caching-Problem auftreten. Ein erneutes Bereitstellen der App setzt sie zur&uuml;ck.<\/span> <\/p><\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/div><h2 class=\"wp-block-heading\" id=\"h-github-bereitstellung-oder-zip-upload-welche-methode-sollten-sie-wahlen\">GitHub-Bereitstellung oder ZIP-Upload: Welche Methode sollten Sie w&auml;hlen?<\/h2><p>Mit beiden Methoden bringen Sie Ihre mit Codex erstellte App live. Die richtige Wahl h&auml;ngt davon ab, wie Sie die App verwalten und aktualisieren m&ouml;chten.<\/p><p>Die Bereitstellung &uuml;ber GitHub ist die bessere Wahl f&uuml;r jedes <strong>Projekt, an dem Sie fortlaufend weiterarbeiten m&ouml;chten<\/strong>. Das Hochladen einer ZIP-Datei ist f&uuml;r <strong>einfachere Anwendungsf&auml;lle<\/strong> eine v&ouml;llig geeignete Option, da es sich schneller einrichten l&auml;sst und kein GitHub-Konto erfordert. <\/p><p>Die folgende Tabelle zeigt im Detail, wie sich die GitHub-Bereitstellung vom Hochladen eines ZIP-Archivs unterscheidet:<\/p><div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure tabindex=\"0\" class=\"wp-block-table\"><table><tbody><tr><td colspan=\"1\" rowspan=\"1\"><p><strong>Funktion<\/strong> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><strong>GitHub-Bereitstellung<\/strong> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><strong>ZIP-Datei-Upload<\/strong> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Einfache Aktualisierungen<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Neu-Bereitstellungen und Updates k&ouml;nnen automatisch ausgel&ouml;st werden<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Laden Sie jedes Mal eine neue ZIP-Datei hoch, wenn Sie &Auml;nderungen an der App vornehmen.<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Automatische erneute Bereitstellung<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Ja, beim Push auf den verbundenen Branch<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Nein, erneute manuelle Bereitstellung erforderlich<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Unterst&uuml;tzung f&uuml;r private Repositories<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Ja<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Nicht zutreffend<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Automatische Behebung von Sicherheitsl&uuml;cken<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Ja<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Nicht zutreffend &ndash; keine Repository-Verbindung<\/span> <\/p><\/td><\/tr><tr><td colspan=\"1\" rowspan=\"1\"><p><span>Optimaler Anwendungsfall<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Laufende Projekte, Apps, die regelm&auml;&szlig;ig aktualisiert werden, oder Codex-Workflows, die Code zu GitHub pushen<\/span> <\/p><\/td><td colspan=\"1\" rowspan=\"1\"><p><span>Schnelle Prototypen, einmalige Deployments oder Projekte, f&uuml;r die keine GitHub-Integration ben&ouml;tigt wird<\/span> <\/p><\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/div><h2 class=\"wp-block-heading\" id=\"h-was-konnen-sie-tun-nachdem-sie-eine-mit-codex-erstellte-app-bereitgestellt-haben\">Was k&ouml;nnen Sie tun, nachdem Sie eine mit Codex erstellte App bereitgestellt haben?<\/h2><p>Wenn Sie Ihre mit Codex erstellte App bereitstellen, wird aus dem KI-generierten Code ein echtes Produkt mit einer &ouml;ffentlichen URL. Sie k&ouml;nnen die App mit echten Nutzern teilen und in einer realen Live-Umgebung mit dem Sammeln von Feedback beginnen.<\/p><p>Wenn Ihre App mit GitHub verbunden ist, k&ouml;nnen Sie sie direkt in Codex weiter verbessern &ndash; Codex kann mehrere Verbesserungsaufgaben parallel bearbeiten, &Auml;nderungen committen und Pull Requests zu Ihrer &Uuml;berpr&uuml;fung &ouml;ffnen. <\/p><p>Bei Hostinger l&ouml;st das Zusammenf&uuml;hren eines Pull Requests eine automatische erneute Bereitstellung aus, sodass Ihr Build-and-Ship-Zyklus straff bleibt. Sie k&ouml;nnen auch externe Datenbanken und APIs anbinden, die Ressourcennutzung &uuml;berwachen und Abh&auml;ngigkeits-Schwachstellen mit den integrierten Scan-Tools im hPanel beheben.<\/p><p>Von Codex generierter Code ist ein sehr guter Ausgangspunkt, aber Sie sollten Ihren Code stets &uuml;berpr&uuml;fen, bevor Sie ihn in die Produktion &uuml;berf&uuml;hren. Nutzen Sie die Live-Umgebung f&uuml;r umfassende Tests und betrachten Sie jede Bereitstellung als Teil eines fortlaufenden Build-Zyklus, nicht als einmalige &Uuml;bergabe.<\/p><p>Sie suchen nach Inspiration, was Sie entwickeln k&ouml;nnen? Werfen Sie einen Blick in unseren Leitfaden zu den wichtigsten Einsatzszenarien f&uuml;r die Codex-App.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/de\/webhosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/02\/DE-Web-hosting_in-text-banner.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-3553\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/02\/DE-Web-hosting_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/02\/DE-Web-hosting_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/02\/DE-Web-hosting_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Sie k&ouml;nnen eine mit Codex erstellte App auf mehrere Arten bereitstellen &ndash; zum Beispiel &uuml;ber CLI-Tools und containerbasierte Plattformen, &uuml;ber CI\/CD-Pipelines oder Git-basierte Deployments &ndash; je nachdem, welche Hosting-Plattform Sie w&auml;hlen. Mit Hostinger k&ouml;nnen Sie eine auf Node.js basierende Codex-App bereitstellen, indem Sie ein GitHub-Repository importieren oder eine ZIP-Datei im Einrichtungsablauf der Node.js-Web-App im hPanel [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/de\/tutorials\/codex-app-bereitstellen\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":392,"featured_media":12632,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Codex-App bereitstellen: Anleitung f\u00fcr Hostinger","rank_math_description":"Erfahren Sie, wie Sie eine mit Codex entwickelte App \u00fcber GitHub oder per ZIP-Datei auf Hostinger bereitstellen und in hPanel verwalten.","rank_math_focus_keyword":"codex app bereitstellen","footnotes":""},"categories":[39],"tags":[],"class_list":["post-12653","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-app"],"hreflangs":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/12653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/users\/392"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/comments?post=12653"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/12653\/revisions"}],"predecessor-version":[{"id":12734,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/12653\/revisions\/12734"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/media\/12632"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/media?parent=12653"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/categories?post=12653"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/tags?post=12653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}