{"id":5841,"date":"2025-06-19T15:29:23","date_gmt":"2025-06-19T15:29:23","guid":{"rendered":"\/de\/tutorials\/?p=5841"},"modified":"2025-06-19T15:29:25","modified_gmt":"2025-06-19T15:29:25","slug":"web-app-erstellen-hostinger-horizons","status":"publish","type":"post","link":"\/de\/tutorials\/web-app-erstellen-hostinger-horizons","title":{"rendered":"Wie Sie eine Web-App mit Hostinger Horizons erstellen"},"content":{"rendered":"<p><strong>Hostinger Horizons<\/strong> ist ein KI-gest&uuml;tztes Tool, mit dem Sie <strong>Webanwendungen erstellen k&ouml;nnen, ohne eine einzige Zeile Code zu schreiben<\/strong>. Ob Sie eine Fitness-App f&uuml;r personalisierte Trainingspl&auml;ne oder ein Tool zur Verwaltung von Freiwilligen f&uuml;r eine gemeinn&uuml;tzige Organisation ben&ouml;tigen, <strong>geben Sie einfach Ihre Eingabeaufforderungen (&bdquo;Prompts&rdquo;) ein<\/strong>, und Hostinger Horizons erledigt den Rest.<\/p><p>Es ist eine ausgezeichnete Wahl f&uuml;r Web-App-Erstentwickler ohne Programmiererfahrung. Auch Solopreneure mit einem begrenzten Budget k&ouml;nnen davon profitieren, da sie voll funktionsf&auml;hige Apps erstellen k&ouml;nnen, ohne Entwickler einstellen zu m&uuml;ssen.<\/p><p>In diesem Leitfaden erfahren Sie, wie Sie eine Web-App mit Horizons erstellen, von der Idee &uuml;ber die Einrichtung Ihres ersten Projekts bis zum Start f&uuml;r den &ouml;ffentlichen Zugang. Sie erfahren, wie Sie Ihre Prompts f&uuml;r bessere Ergebnisse verfeinern, wichtige Funktionen effektiv nutzen und die Funktionalit&auml;t Ihrer App f&uuml;r Ihre Bed&uuml;rfnisse optimieren k&ouml;nnen.<\/p><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-wie-sie-in-sieben-schritten-eine-web-app-mit-horizons-erstellen\"><strong>Wie Sie In sieben Schritten eine Web-App mit Horizons erstellen<\/strong><\/h2><p>Um den Prozess besser zu veranschaulichen, wie Sie eine Web-App mit dem KI Softwareentwickler &ldquo;Horizons&rdquo; erstellen, werden wir in diesem Tutorial eine<strong> Fitness-Webanwendung<\/strong> erstellen, die personalisierte Trainings- und Di&auml;tpl&auml;ne auf der Grundlage von Benutzerdaten (wie Alter, Gr&ouml;&szlig;e, Gewicht, Aktivit&auml;tsniveau und bestehende Gesundheitszust&auml;nde) erstellt.<\/p><p>Wenn Sie an einer anderen Art von Webanwendung arbeiten, k&ouml;nnen Sie die Prompts und Funktionen entsprechend anpassen.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-registrieren-sie-sich-und-starten-sie-ein-neues-projekt\"><strong>1. Registrieren Sie sich und starten Sie ein neues Projekt<\/strong><\/h3><p>Beginnen Sie mit dem Besuch der offiziellen Seite von <a href=\"https:\/\/www.hostinger.com\/de\/horizons\"><strong>Hostinger Horizons<\/strong><\/a> und w&auml;hlen Sie einen Plan, der Ihren Bed&uuml;rfnissen entspricht. Ab <strong>19,99 &euro;\/Monat<\/strong> bieten alle unsere Pl&auml;ne die gleichen Funktionen zur Erstellung von Web-Apps und <strong>einen Monat kostenloses Hosting<\/strong>. Der Unterschied liegt in den monatlichen Nachrichtenlimits, die bis zu <strong>1.000 Nachrichten<\/strong> gehen.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f2afe05498e\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"584\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-49.png\/public\" alt=\"Landingpage von Hostinger Horizons\" class=\"wp-image-5845\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-49.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-49.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-49.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Vergr&ouml;&szlig;ern\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--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><\/div><p>Bitte beachten Sie, dass sich Hostinger Horizons derzeit in der <strong>Early Access-Phase<\/strong> befindet, sodass bei der Nutzung gelegentlich Fehler auftreten k&ouml;nnen. Aber keine Sorge &ndash; es gibt eine <strong>30-Tage-Geld-zur&uuml;ck-Garantie<\/strong>, mit der Sie jederzeit k&uuml;ndigen k&ouml;nnen, wenn Sie Ihre Meinung &auml;ndern.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/de\/horizons\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/DE_logo_Horizons_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-5822\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/DE_logo_Horizons_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/DE_logo_Horizons_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/DE_logo_Horizons_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>Nachdem Sie Ihre Zahlung abgeschlossen haben, gehen Sie zum <strong>hPanel Dashboard<\/strong> und w&auml;hlen <strong>Websites &rarr; Websites-Liste <\/strong>in der linken Seitenleiste. Dann klicken Sie auf <strong>Website hinzuf&uuml;gen<\/strong> und w&auml;hlen <strong>Hostinger Horizons<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f2afe05800f\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"324\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-50.png\/public\" alt=\"Das Hostinger Horizons-Men&uuml; in hPanel\" class=\"wp-image-5846\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-50.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-50.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-50.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Vergr&ouml;&szlig;ern\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--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><\/div><h3 class=\"wp-block-heading\" id=\"h-2-bedienen-sie-das-interface-des-tools\"><strong>2. Bedienen Sie das Interface des Tools<\/strong><\/h3><p>Es ist Zeit, mit Hostinger Horizons zu beginnen.<\/p><p>Sie sehen ein Textfeld, in dem Sie Ihren Prompt in <strong>mehr als 80 Sprachen<\/strong> schreiben k&ouml;nnen. Nachdem Sie Ihre Web-App beschrieben haben, dr&uuml;cken Sie <strong>Enter<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f2afe05948c\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"687\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-51.png\/public\" alt=\"Das Eingabefeld in Hostinger Horizons\" class=\"wp-image-5847\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-51.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-51.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-51.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Vergr&ouml;&szlig;ern\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--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><\/div><p>Hostinger Horizons ben&ouml;tigt einige Augenblicke, um Ihre Eingabe zu verarbeiten. Sobald dies geschehen ist, wird das Dashboard in zwei Bereiche aufgeteilt:<\/p><ul class=\"wp-block-list\">\n<li><strong>Linker Bereich<\/strong> &ndash; geben Sie hier zus&auml;tzliche Prompts ein, um weitere Funktionen hinzuzuf&uuml;gen oder Ihre Web-App zu verfeinern. Unterhalb des Eingabefeldes finden Sie die Anzahl der verbleibenden Nachrichtencredits in Ihrem Plan.<\/li>\n\n\n\n<li><strong>Rechter Bereich<\/strong> &ndash; zeigt eine Echtzeit-Vorschau Ihrer App, w&auml;hrend Sie Anpassungen vornehmen. Sie k&ouml;nnen mit den Elementen interagieren, um ihre Funktionalit&auml;t zu testen.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f2afe05aac9\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"552\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-52.png\/public\" alt=\"Das Projekt-Dashboard von Hostinger Horizons\" class=\"wp-image-5848\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-52.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-52.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-52.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Vergr&ouml;&szlig;ern\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--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><\/div><p>In der oberen rechten Ecke des Dashboards finden Sie die Schaltfl&auml;che <strong>Ver&ouml;ffentlichen<\/strong>, um Ihre Webanwendung zu starten und sie &ouml;ffentlich zug&auml;nglich zu machen.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-definieren-sie-den-zweck-ihrer-webanwendung\"><strong>3. Definieren Sie den Zweck Ihrer Webanwendung<\/strong><\/h3><p>Hostinger Horizons verl&auml;sst sich auf gut strukturierte Prompts, um die Webanwendung zu erstellen, die Sie sich vorstellen. Je pr&auml;ziser Ihre Prompts sind, desto besser sind die Ergebnisse.<\/p><p>Wenn Sie den Zweck Ihrer Webanwendung definieren, sollten Sie folgende wichtige Details angeben, damit Hostinger Horizons Ihre Idee versteht:<\/p><ul class=\"wp-block-list\">\n<li><strong>Zweck der App<\/strong> &ndash; geben Sie klar das Problem an, das Ihre Web-App l&ouml;st, z. B. &bdquo;Unterst&uuml;tzung der Benutzer bei der Messung des Fitnessfortschritts&ldquo;.<\/li>\n\n\n\n<li><strong>Kernfunktionen<\/strong> &ndash; listen Sie die wesentlichen Funktionen auf, die Sie einbeziehen m&ouml;chten, wie Benutzeranmeldung, Formulare, Dashboards oder Berichte.<\/li>\n\n\n\n<li><strong>UI-Pr&auml;ferenzen<\/strong> &ndash; machen Sie genaue Angaben zu Designelementen wie Layout, Farbschema und Gesamt&auml;sthetik.<\/li>\n<\/ul><p>Hier ein Beispiel f&uuml;r eine Fitnessplattform, die personalisierte Trainings- und Ern&auml;hrungspl&auml;ne erstellt:<\/p><pre class=\"wp-block-preformatted\">Erstelle eine Fitnessplattform, die auf der Grundlage von Benutzerdaten personalisierte Trainings- und Ern&auml;hrungspl&auml;ne bereitstellt. Die App sollte es den Nutzern erm&ouml;glichen, ihr Alter, ihre Gr&ouml;&szlig;e, ihr Gewicht, ihr Aktivit&auml;tsniveau und ihren Gesundheitszustand einzugeben. Auf der Grundlage dieser Daten sollte sie ma&szlig;geschneiderte Fitnessroutinen und Essensempfehlungen generieren. Ein benutzerfreundliches Dashboard mit Eingabeformularen, eine Fortschrittsanzeige und eine optisch ansprechende Oberfl&auml;che mit einem sauberen, modernen Layout und einem Farbschema in T&uuml;rkis und Violett sollten ebenfalls enthalten sein.<\/pre><p>Wie bei jedem anderen KI-Tool kann es sein, dass das erste Resultat von Hostinger Horizons nicht perfekt ist, egal wie detailliert Ihr erster Prompt war. Wir k&ouml;nnen auf dieser ersten Iteration der App aufbauen, indem wir Korrekturprompts eingeben.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-passen-sie-das-design-ihres-projekts-an\"><strong>4. Passen Sie das Design Ihres Projekts an<\/strong><\/h3><p>Der n&auml;chste Schritt ist die Anpassung des Designs der Anwendung. Dabei geht es nicht nur darum, Ihre Anwendung optisch ansprechender zu gestalten, sondern auch darum, wichtige Elemente f&uuml;r die Navigation und Funktionalit&auml;t hinzuzuf&uuml;gen.<\/p><p>Im Folgenden finden Sie einige der wichtigsten Frontend-Komponenten, die Sie in Ihre Anwendung einbauen sollten:<\/p><ul class=\"wp-block-list\">\n<li><strong>Men&uuml;s<\/strong> &ndash; Bereiche wie eine Seitenleiste, eine Registerkarte oder ein Dropdown-Men&uuml;, die Verkn&uuml;pfungen zu verschiedenen Seiten enthalten.<\/li>\n\n\n\n<li><strong>Formulare<\/strong> &ndash; Felder, in die Benutzer Daten eingeben k&ouml;nnen, z. B. eine E-Mail-Adresse oder ein Bild.<\/li>\n\n\n\n<li><strong>Seiten<\/strong> &ndash; bildschirmf&uuml;llende Fenster mit verschiedenen Einstellungen und Informationen.<\/li>\n\n\n\n<li><strong>Schaltfl&auml;chen<\/strong> &ndash; Elemente, die bestimmte Aktionen ausf&uuml;hren, z. B. Daten &uuml;bermitteln oder zu einer anderen Seite navigieren.<\/li>\n<\/ul><p>Wenn Sie einen <strong>Wireframe <\/strong>haben, der das Layout der Anwendung und die Platzierung der Elemente detailliert beschreibt, k&ouml;nnen Sie ihn als Prompt in Hostinger Horizons hochladen. Dies wird zu einem genaueren Resultat f&uuml;hren.<\/p><p>Andernfalls verwenden Sie einen textbasierten Prompt, wie in diesem Beispiel:<\/p><pre class=\"wp-block-preformatted\">Erstellen Sie eine Anmeldeseite, auf der die Benutzer auf ihr Konto zugreifen k&ouml;nnen. F&uuml;gen Sie hier eine Schaltfl&auml;che ein, die die Nutzer zur Anmeldeseite weiterleitet, auf der sie ein neues Konto erstellen k&ouml;nnen, wenn sie noch keins haben.<\/pre><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f2afe05c118\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"552\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-53.png\/public\" alt=\"Hostinger Horizons erstellt eine Anmeldeseite f&uuml;r eine Web-App.\" class=\"wp-image-5849\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-53.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-53.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-53.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Vergr&ouml;&szlig;ern\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--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><\/div><p>Vergessen Sie nicht, weitere Details zum Design Ihrer Anwendung hinzuzuf&uuml;gen, z. B. Farben, Textgr&ouml;&szlig;e und Schriftart.<\/p><p><strong>5. Verfeinern Sie die Logik und Struktur<\/strong><\/p><p>Nun, da Sie das Design festgelegt haben, k&ouml;nnen Sie die Funktionalit&auml;t der App verfeinern. Der Prozess bleibt derselbe: Sie geben Korrekturprompts zu Aspekten ein, die Sie verbessern m&ouml;chten.<\/p><p>In dieser Phase beziehen sich die zu verbessernden Bereiche in der Regel auf die Logik und die Funktionen Ihrer Anwendung. Einige der h&auml;ufigsten sind:<\/p><ul class=\"wp-block-list\">\n<li><strong>Businesslogik<\/strong> &ndash; die zugrunde liegenden Regeln Ihrer Anwendung. Zum Beispiel sollte Ihre Fitness-App je nach den eingegebenen Gesundheitsdaten unterschiedliche Empfehlungen geben.<\/li>\n\n\n\n<li><strong>Entscheidungsbaum <\/strong>&ndash; der Fluss Ihrer Anwendung basiert auf den Entscheidungen der Nutzer. Wenn ein Benutzer zum Beispiel ein bestimmtes Men&uuml; ausw&auml;hlt, sollte eine vorher festgelegte Seite angezeigt werden.<\/li>\n\n\n\n<li><strong>Ereignisbehandlung (&bdquo;Event Handling&rdquo;)<\/strong> &ndash; die Reaktion auf Benutzeraktionen, wie Klicken, Streichen und Tastendruck. Zum Beispiel sollte ein Toggle umschalten, wenn er angeklickt wird.<\/li>\n\n\n\n<li><strong>Datenfluss<\/strong> &ndash; die Behandlung von Benutzerdaten, wenn sie durch Formulare geleitet, validiert oder hochgeladen werden. Ein Benutzerkennwort muss zum Beispiel eine Textfolge sein, die mit dem Datenbankeintrag &uuml;bereinstimmt.<\/li>\n<\/ul><p>Wenn Sie Prompts f&uuml;r Hostinger Horizons schreiben, stellen Sie sicher, dass Sie die Logik oder Funktion, die Sie verbessern wollen, klar beschreiben. Wenn Sie der KI mehr Kontext Ihrer Idee geben, kann sie ein genaueres Resultat produzieren.<\/p><p>Hier ist ein Beispiel f&uuml;r die Verfeinerung des Datenflusses:<\/p><pre class=\"wp-block-preformatted\">&Uuml;berpr&uuml;fe die Felder f&uuml;r E-Mail-Adresse und Passwort auf der Anmeldeseite. Vergewissere dich, dass sie nur Textzeichenfolgen akzeptieren, die mit vorhandenen Datenbankeintr&auml;gen &uuml;bereinstimmen.<br><br>Wenn die eingegebenen Daten mit keinem Datenbankeintrag &uuml;bereinstimmen, zeige eine Fehlermeldung an, die besagt: \"Ung&uuml;ltige E-Mail oder ung&uuml;ltiges Passwort\". Wenn die eingegebenen Informationen g&uuml;ltig sind, leite den Benutzer zum Haupt-Dashboard um.<\/pre><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f2afe05d71e\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"552\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-54.png\/public\" alt=\"Hostinger Horizons f&uuml;gt eine Fehlerlogik hinzu\" class=\"wp-image-5850\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-54.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-54.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-54.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Vergr&ouml;&szlig;ern\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--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><\/div><p>Pr&uuml;fen Sie dann, ob Hostinger Horizons die Logik und Funktionalit&auml;t Ihrer Anwendung richtig konfiguriert hat, indem Sie sie in der Vorschau testen. So k&ouml;nnen Sie auch feststellen, ob eine Funktion fehlt.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Experten-Tipp<\/h4>\n                    <p> Um die besten und genauesten Ergebnisse zu erzielen, sollten Sie einen Aspekt Ihrer Anwendung nach dem anderen verfeinern. <\/p>\n                <\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-6-verbinden-sie-ihre-anwendung-mit-einer-datenbank-optional\"><strong>6. Verbinden Sie Ihre Anwendung mit einer Datenbank (optional)<\/strong><\/h3><p>Eine Datenbank erm&ouml;glicht es Ihrer Webanwendung, Benutzerdaten zu sammeln und zu speichern. Dies ist wichtig, wenn Ihre Anwendung Funktionen wie die Benutzerregistrierung hat.<\/p><p>Mit Hostinger Horizons k&ouml;nnen Sie ganz einfach eine Datenbank f&uuml;r Ihre Anwendung mit Supabase konfigurieren.<\/p><p>Gehen Sie dazu auf die <a href=\"https:\/\/supabase.com\/dashboard\/sign-up\" target=\"_blank\" rel=\"noopener\"><strong>Registrierungsseite<\/strong><\/a> von Supabase und erstellen Sie ein neues Konto. Legen Sie eine neue Organisation an und w&auml;hlen Sie einen Plan aus &ndash; der kostenlose Plan ist f&uuml;r eine einfache, kleine App ausreichend. Erstellen Sie dann ein neues Projekt, indem Sie den Namen, das Datenbankpasswort und die Region eingeben.<\/p><p>Sie sollten zur Seite &bdquo;Neues Projekt&ldquo; weitergeleitet werden. Kopieren Sie aus diesem Men&uuml; die <strong>Projekt-URL<\/strong> und den <strong>API-Schl&uuml;ssel<\/strong>, mit denen wir die Datenbank mit Ihrer Anwendung verbinden werden.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f2afe05eb83\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"363\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-55.png\/public\" alt=\"Supabase-Datenbank-Anmeldedaten\" class=\"wp-image-5852\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-55.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-55.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-55.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Vergr&ouml;&szlig;ern\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--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><\/div><p>Bitten Sie nun Hostinger Horizons, das Backend Ihrer Anwendung mit den von Supabase kopierten Anmeldedaten einzurichten. Hier ist ein Beispiel f&uuml;r den Prompt:<\/p><pre class=\"wp-block-preformatted\">Verbinde die Anwendung mit meiner Supabase-Datenbank. Hier sind die Anmeldeinformationen:<br><br>Projekt-URL: ihre-projekt-URL<br><br>API-Schl&uuml;ssel: Ihr-API-Schl&uuml;ssel<\/pre><p>Erstellen Sie dann die erforderlichen Tabellen und verbinden Sie sie mit den entsprechenden Feldern in der Anwendung.<\/p><p>\n\n\n<div><p class=\"important\"><strong>Wichtig!<\/strong> Da es sich bei der Anbindung einer Datenbank und der Entwicklung der Anwendungslogik um komplexe Aufgaben handelt, werden Sie h&ouml;chstwahrscheinlich Korrekturprompts geben m&uuml;ssen. Verfeinern Sie Ihre Anweisungen immer wieder und testen Sie die &Auml;nderungen erneut, um sicherzustellen, dass Ihre Anwendung ordnungsgem&auml;&szlig; funktioniert.<\/p><\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-7-testen-und-veroffentlichen-sie-ihre-webanwendung\"><strong>7. Testen und ver&ouml;ffentlichen Sie Ihre Webanwendung<\/strong><\/h3><p>Zu diesem Zeitpunkt sollte Ihre Anwendung vollst&auml;ndig entwickelt und funktionsf&auml;hig sein. &Uuml;berpr&uuml;fen Sie vor der Fertigstellung alle Funktionen und die Navigation, um sicherzustellen, dass sie richtig funktionieren.<\/p><p>In Hostinger Horizons k&ouml;nnen Sie Ihre Anwendung direkt &uuml;ber das Vorschau-Men&uuml; auf der rechten Seite &uuml;berpr&uuml;fen und mit ihr interagieren.<\/p><p>Im Folgenden finden Sie eine Checkliste daf&uuml;r, was Sie beim Testen von Webanwendungen &uuml;berpr&uuml;fen sollten:<\/p><ul class=\"wp-block-list\">\n<li><strong>Funktionalit&auml;t<\/strong> &ndash; alle Funktionen sollten in der Live-Umgebung ordnungsgem&auml;&szlig; funktionieren. Dazu geh&ouml;rt die F&auml;higkeit, <a href=\"https:\/\/www.geeksforgeeks.org\/crud-full-form\/\" target=\"_blank\" rel=\"noopener\"><strong>CRUD-Datenbankoperationen<\/strong><\/a> und Businesslogik durchzuf&uuml;hren.<\/li>\n\n\n\n<li><strong>Navigation<\/strong> &ndash; der Fluss Ihrer App und die Funktionalit&auml;t der Navigationselemente. Wenn Sie zum Beispiel auf <strong>Anmelden<\/strong> klicken, sollten Sie zum Haupt-Dashboard weitergeleitet werden.<\/li>\n\n\n\n<li><strong>Sichtbarkeit<\/strong> &ndash; das Aussehen Ihrer Webanwendung auf dem Handy und dem Desktop. Stellen Sie sicher, dass alle Elemente richtig skaliert und benutzbar sind.<\/li>\n<\/ul><p>Wir ver&ouml;ffentlichen nun Ihr Projekt. Da Hostinger Horizons mit unserem <a href=\"https:\/\/www.hostinger.com\/de\/webhosting\"><strong>Business-Webhosting-Plan<\/strong><\/a> bereitgestellt wird, k&ouml;nnen Sie Ihre Web-App sofort ver&ouml;ffentlichen, indem Sie einfach auf den <strong>Ver&ouml;ffentlichen<\/strong>-Button oben rechts klicken.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f2afe0601d3\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"895\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-56.png\/public\" alt=\"Die Schaltfl&auml;che &bdquo;Ver&ouml;ffentlichen&ldquo; in Hostinger Horizons\" class=\"wp-image-5855\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-56.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-56.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/06\/image-56.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Vergr&ouml;&szlig;ern\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--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><\/div><p>Hostinger Horizons wird Ihr Projekt unter einer tempor&auml;ren Domain ver&ouml;ffentlichen. Bevor Sie Ihre eigene Domain verbinden, lassen Sie uns noch ein paar zus&auml;tzliche Tests durchf&uuml;hren.<\/p><p>Beginnen Sie mit der &Uuml;berpr&uuml;fung der <strong>Browser-&uuml;bergreifenden Kompatibilit&auml;t<\/strong>. Rufen Sie dazu Ihre Anwendung mit verschiedenen Webbrowsern und Ger&auml;ten auf, um zu sehen, ob Probleme auftreten.<\/p><p>Pr&uuml;fen Sie dann die <strong>Leistung <\/strong>und die Ladegeschwindigkeit mit einem Benchmark-Tool wie GTMetrix. Wenn das Ergebnis suboptimal ist, bitten Sie Hostinger Horizons, den Code zu optimieren.<\/p><p>Wenn alles gut aussieht, kehren Sie zum Men&uuml; <strong>Websites<\/strong> im hPanel zur&uuml;ck, um Ihre Domain mit der Webanwendung zu verbinden.<\/p><p>Das war&rsquo;s! Herzlichen Gl&uuml;ckwunsch, Sie haben eine Web-App mit Horizons erstellt und ver&ouml;ffentlicht.<\/p><h2 class=\"wp-block-heading\" id=\"h-fazit\"><strong>Fazit<\/strong><\/h2><p>Hostinger Horizons ist eine KI-gest&uuml;tzte Plattform, mit der Sie eine vollst&auml;ndige Webanwendung ohne Programmierkenntnisse entwickeln k&ouml;nnen. Geben Sie einfach Prompts ein, und dieses Tool erstellt jede beliebige Anwendung, die Sie im Sinn haben.<\/p><p>In diesem Artikel haben wir die allgemeinen Schritte zur Erstellung einer Webanwendung mit Hostinger Horizons erl&auml;utert. Hier nochmal eine Zusammenfassung:<\/p><ol class=\"wp-block-list\">\n<li>Melden Sie sich bei <strong>Hostinger Horizons <\/strong>an und starten Sie ein neues Projekt &uuml;ber das hPanel-Dashboard.<\/li>\n\n\n\n<li>Machen Sie sich mit der Benutzeroberfl&auml;che des Tools vertraut.<\/li>\n\n\n\n<li>Geben Sie den ersten Prompt ein, um den Hauptzweck Ihrer Webanwendung zu definieren.<\/li>\n\n\n\n<li>Passen Sie das Layout, das Design und die Front-End-Komponenten Ihres Projekts an.<\/li>\n\n\n\n<li>Verfeinern Sie die Businesslogik und Struktur Ihrer Anwendung, um eine reibungslose Funktionalit&auml;t zu gew&auml;hrleisten.<\/li>\n\n\n\n<li>(Optional) Wenn Sie Benutzerdaten sammeln wollen, erstellen Sie eine <strong>Supabase<\/strong>-Datenbank und bitten Sie Hostinger Horizons, diese mit Ihrer Anwendung zu verbinden.<\/li>\n\n\n\n<li>Testen Sie Ihre Anwendung und ver&ouml;ffentlichen Sie sie mit dem <strong>Business<\/strong>-Webhosting-Plan von Hostinger. Verbinden Sie dann Ihre Webanwendung mit einer geeigneten Domainadresse.<\/li>\n<\/ol><p>Warum es nicht mal versuchen? Sie k&ouml;nnen ganz einfach Ihre eigene Web-App mit Horizons erstellen.web-app-erstellen-hostinger-horizons<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hostinger Horizons ist ein KI-gest&uuml;tztes Tool, mit dem Sie Webanwendungen erstellen k&ouml;nnen, ohne eine einzige Zeile Code zu schreiben. Ob Sie eine Fitness-App f&uuml;r personalisierte Trainingspl&auml;ne oder ein Tool zur Verwaltung von Freiwilligen f&uuml;r eine gemeinn&uuml;tzige Organisation ben&ouml;tigen, geben Sie einfach Ihre Eingabeaufforderungen (&bdquo;Prompts&rdquo;) ein, und Hostinger Horizons erledigt den Rest. Es ist eine ausgezeichnete [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/de\/tutorials\/web-app-erstellen-hostinger-horizons\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":550,"featured_media":5842,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Eine Web-App mit Horizons erstellen: Schritt-f\u00fcr-Schritt-Anleitung","rank_math_description":"Erfahren Sie, wie Sie eine Web-App mit Horizons erstellen: 1. Starten Sie ein neues Projekt 2. Erkunden Sie das Interface 3. Definieren Sie den Zweck Ihrer Web-App + mehr.","rank_math_focus_keyword":"Web-App mit Horizons erstellen","footnotes":""},"categories":[36],"tags":[],"class_list":["post-5841","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hostinger-horizons"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-make-a-web-app-with-hostinger-horizons","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/criar-web-app-com-hostinger-horizons","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/creer-une-application-web-avec-hostinger-horizons","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-crear-una-aplicacion-web-con-hostinger-horizons","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/web-app-erstellen-hostinger-horizons","default":0},{"locale":"it-IT","link":"https:\/\/www.hostinger.com\/it\/tutorial\/come-creare-un-app-web-con-hostinger-horizons","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-make-a-web-app-with-hostinger-horizons","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-make-a-web-app-with-hostinger-horizons","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-make-a-web-app-with-hostinger-horizons","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-make-a-web-app-with-hostinger-horizons","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-crear-una-aplicacion-web-con-hostinger-horizons","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/como-crear-una-aplicacion-web-con-hostinger-horizons","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-crear-una-aplicacion-web-con-hostinger-horizons","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/criar-web-app-com-hostinger-horizons","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/5841","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\/550"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/comments?post=5841"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/5841\/revisions"}],"predecessor-version":[{"id":5857,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/5841\/revisions\/5857"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/media\/5842"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/media?parent=5841"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/categories?post=5841"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/tags?post=5841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}