{"id":69578,"date":"2024-03-25T10:10:09","date_gmt":"2024-03-25T09:10:09","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=69578&#038;post_type=knowledgebase&#038;preview_id=69578"},"modified":"2025-10-01T20:15:08","modified_gmt":"2025-10-01T19:15:08","slug":"laravel-inertia-anwendungs-hosting","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/","title":{"rendered":"Bereitstellung von Laravel mit Inertia.js auf der Anwendungs-Hosting-Plattform von Kinsta"},"content":{"rendered":"<p><a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-laravel\/\">Laravel<\/a>, ein leistungsstarkes <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-php\/\">PHP-Framework<\/a>, und <a href=\"https:\/\/kinsta.com\/de\/blog\/inertia-js\/\">Inertia.js<\/a>, eine dynamische JavaScript-Bibliothek, arbeiten nahtlos zusammen, um die Anwendungs-Entwicklung zu optimieren. Laravel vereinfacht serverseitige Aufgaben, w\u00e4hrend Inertia.js die Interaktionen auf der Client-Seite erleichtert. Zusammen unterst\u00fctzen sie einen reibungslosen Datenfluss und Echtzeit-Updates und helfen dir, schnell reaktionsf\u00e4hige Webanwendungen zu entwickeln.<\/p>\n<p>Die Bereitstellung einer Laravel-Inertia-Anwendung mit dem <a href=\"https:\/\/sevalla.com\/application-hosting\/\">Anwendungs-Hosting-Dienst von Kinsta<\/a> erfolgt in wenigen Schritten:<\/p>\n<ol start=\"1\">\n<li>Richte die Datenbank mit <a href=\"https:\/\/sevalla.com\/database-hosting\/\">Kinstas Datenbank-Hosting<\/a> ein.<\/li>\n<li>Hoste deine Anwendung und konfiguriere die Buildpacks f\u00fcr Node.js und PHP und integriere die Datenbank.<\/li>\n<li>Konfiguriere Node.js, um Inertia und PHP-Abh\u00e4ngigkeiten f\u00fcr die Inertia-Umgebung zu installieren.<\/li>\n<\/ol>\n<p>Dieses Tutorial f\u00fchrt dich Schritt f\u00fcr Schritt durch diesen Prozess.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Die Voraussetzungen f\u00fcr die Bereitstellung verstehen<\/h2>\n<p>Um mitzumachen, musst du sicherstellen, dass du die folgenden Voraussetzungen erf\u00fcllst:<\/p>\n<ul>\n<li>Grundlegende Kenntnisse \u00fcber <a href=\"https:\/\/laravel.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Laravel<\/a> und <a href=\"https:\/\/vuejs.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Vue.js<\/a><\/li>\n<li>Vertrautheit mit Datenbanken<\/li>\n<li>Ein Kinsta-Konto. Starte noch heute eine <a href=\"https:\/\/kinsta.com\/de\/anmelden\/\" target=\"_blank\" rel=\"noopener noreferrer\">kostenlose Testversion<\/a>.<\/li>\n<\/ul>\n<p>In diesem Artikel stellst du eine Blog-Anwendung bereit, die eine Liste von Artikeln anzeigt und es dem Leser erm\u00f6glicht, einen bestimmten Beitrag zu lesen. Die Anwendung wurde mit <a href=\"https:\/\/kinsta.com\/de\/blog\/laravel-tailwind\/\">Tailwind CSS gestylt und mit Laravel<\/a> und Vue.js erstellt.<\/p>\n<p>Die JavaScript-Laufzeitumgebung <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-node-js\/\">Node.js<\/a> sorgt f\u00fcr das serverseitige Rendering. Sie koordiniert die Kommunikation zwischen den Komponenten der Inertia.js-Frontend-Anwendung und dem Laravel-Backend f\u00fcr dynamische Frontend-Aktualisierungen von der Serverseite aus.<\/p>\n<figure id=\"attachment_105526\" aria-describedby=\"caption-attachment-105526\" style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-105526 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/demo-app.png\" alt=\"Blog-Anwendung mit einer Liste von Artikeln und Platzhaltertext\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Die Kinsta Blog-Anwendung mit einem Titel und einer Liste von Artikeln<\/figcaption><\/figure>\n<p>Weitere Informationen dar\u00fcber, wie du diese Anwendung erstellst, findest du unter <a href=\"https:\/\/kinsta.com\/de\/blog\/laravel-inertia\/\">Wie du Inertia.js in deinen Laravel-Projekten verwendest<\/a>. Du kannst auch <a href=\"https:\/\/github.com\/VirtuaCreative\/kinsta-laravel-inertia\" target=\"_blank\" rel=\"noopener noreferrer\">den vollst\u00e4ndigen Quellcode der Anwendung<\/a> herunterladen.<\/p>\n<h2>So stellst du die Anwendung auf Kinsta bereit<\/h2>\n<p>Beginne damit, eine Datenbank f\u00fcr deine Anwendung auf dem <a href=\"https:\/\/sevalla.com\/database-hosting\/\">Datenbank-Hosting von Kinsta<\/a> einzurichten. Dazu musst du die folgenden Schritte befolgen:<\/p>\n<ol start=\"1\">\n<li>Logge dich ein oder erstelle ein Konto, um dein <a href=\"https:\/\/my.kinsta.com\/?lang=de\" target=\"_blank\" rel=\"noopener noreferrer\">MyKinsta-Dashboard<\/a> zu sehen.<\/li>\n<li>Klicke in der linken Seitenleiste auf <strong>Datenbanken<\/strong> und dann auf <strong>Datenbank hinzuf\u00fcgen<\/strong>.<\/li>\n<li>Gib im Abschnitt <strong>Grundlegende Details<\/strong> die Details deiner Datenbank ein. Dazu geh\u00f6ren der <strong>Datenbanktyp<\/strong> (MySQL) und die <strong>Version<\/strong> (8.0). Klicke dann auf <strong>Weiter.<\/strong><\/li>\n<li>Im Abschnitt <strong>Zusammenfassung<\/strong> werden die Rechnungsdetails des Dienstes und deine Rechnungsdaten angezeigt. Best\u00e4tige und klicke auf <strong>Datenbank erstellen<\/strong>.<\/li>\n<\/ol>\n<h3>So konfigurierst du die Laravel-Umgebung<\/h3>\n<p>So konfigurierst du die Laravel-Umgebung auf dem Application Hosting von Kinsta. Befolge diese Schritte:<\/p>\n<ol start=\"1\">\n<li>Klicke in der linken Seitenleiste von MyKinsta auf <strong>Anwendungen<\/strong> und dann auf <strong>Anwendung hinzuf\u00fcgen<\/strong>.<\/li>\n<li>W\u00e4hle das Repository deiner Anwendung aus, aktiviere die automatische Bereitstellung beim Commit, gib den <strong>Anwendungsnamen<\/strong> ein und w\u00e4hle den <strong>Standort des Rechenzentrums<\/strong>. Deine Anwendung und die Datenbank m\u00fcssen sich in der gleichen Region befinden.<\/li>\n<li>Als n\u00e4chstes gibst du deine <strong>Umgebungsvariablen<\/strong> ein. Gib <code>APP_KEY<\/code> in das Feld <strong>Schl\u00fcssel 1<\/strong> ein. Verwende <a href=\"https:\/\/generate-random.org\/laravel-key-generator\" target=\"_blank\" rel=\"noopener noreferrer\">den Laravel Online-Generator<\/a>, um einen Schl\u00fcssel f\u00fcr <strong>Wert 1<\/strong> zu erstellen. Klicke auf <strong>Weiter<\/strong>.<\/li>\n<li>Auf der Registerkarte <strong>Build-Umgebung<\/strong> w\u00e4hlst du <strong>Buildpacks verwenden, um das Container-Image einz<\/strong>urichten. Mit dieser Option kannst du die Buildpacks sp\u00e4ter ausw\u00e4hlen.<\/li>\n<li>Gib auf der Registerkarte <strong>Ressourcen<\/strong> den Startbefehl f\u00fcr deine Anwendung an. Da es sich um eine Laravel-Anwendung handelt, verwendet sie den folgenden Befehl:\n<pre><code class=\"language-bash\">php artisan serve --host 0.0.0.0 --port 8080<\/code><\/pre>\n<\/li>\n<li>Auf der Registerkarte <strong>Zusammenfassung<\/strong> wird die Rechnung mit deinem Pod und der Zahlungsmethode angezeigt. Best\u00e4tige alle Informationen und klicke auf <strong>Anwendung erstellen<\/strong>.<\/li>\n<\/ol>\n<p>Die Bereitstellung deiner Anwendung beginnt. Sie schl\u00e4gt jedoch fehl, weil du noch die Buildpacks hinzuf\u00fcgen musst, die f\u00fcr den Build deiner Laravel-Inertia-Anwendung ben\u00f6tigt werden.<\/p>\n<h3>Buildpacks hinzuf\u00fcgen<\/h3>\n<ol start=\"1\">\n<li>Klicke im Men\u00fc auf der linken Seite deiner Anwendung auf <strong>Einstellungen<\/strong>.<\/li>\n<li>Klicke dann auf die Registerkarte <strong>Build<\/strong> und <strong>Buildpack hinzuf\u00fcgen<\/strong>, um die <strong>Node.js-<\/strong> und <strong>PHP-Buildpacks <\/strong>hinzuzuf\u00fcgen. F\u00fcge die Buildpacks, die die Hauptsprache enthalten, als letztes zur Buildpack-Liste hinzu, um sicherzustellen, dass das sprachspezifische Buildpack Vorrang vor der allgemeinen Konfiguration der Anwendungsumgebung erh\u00e4lt.<\/li>\n<li>Klicke auf <strong>Buildpack hinzuf\u00fcgen<\/strong> und f\u00fcge die Buildpacks f\u00fcr Node.js und PHP hinzu. Achte darauf, dass das Buildpack f\u00fcr die Prim\u00e4rsprache (PHP) als letztes hinzugef\u00fcgt wird.\n<p><figure id=\"attachment_105526\" aria-describedby=\"caption-attachment-105526\" style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-105526 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/add-buildback.png\" alt=\"Buildpack hinzuf\u00fcgen Bildschirm, w\u00e4hle Node.js und PHP\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Hinzuf\u00fcgen von Buildpacks f\u00fcr die Laravel-Inertia-Anwendung<\/figcaption><\/figure><\/li>\n<li>Klicke in der Seitenleiste auf <strong>Bereitstellung <\/strong>und dann auf <strong>E<\/strong><strong>rneut bereitstellen<\/strong>.<\/li>\n<\/ol>\n<h3>Einrichten der Node.js-Umgebung<\/h3>\n<ol start=\"1\">\n<li>Die Laravel-Inertia-Anwendung braucht das Vite-Skript, damit die Seite ohne Neuladen aktualisiert werden kann. Klicke daher im linken Men\u00fc deines Kinsta-Kontos auf <strong>Prozesse<\/strong>.<\/li>\n<li>Klicke im Abschnitt <strong>Runtime-Prozesse<\/strong> auf <strong>Prozess erstellen<\/strong>. W\u00e4hle <strong>Background Worker<\/strong> als <strong>Prozesstyp<\/strong> und f\u00fcge die folgenden Befehle hinzu:\n<pre><code class=\"language-bash\">npm install && npm start<\/code><\/pre>\n<figure id=\"attachment_105526\" aria-describedby=\"caption-attachment-105526\" style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-105526 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/process-app.png\" alt=\"Prozess f\u00fcr die Anwendung erstellen\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Erstellen von Node.js-Startbefehlen f\u00fcr die Laravel-Inertia-Anwendung<\/figcaption><\/figure>\n<p>Benenne den Prozess so, wie du ihn in Kinsta identifizieren m\u00f6chtest, z.B. &#8222;Node&#8220;. W\u00e4hle au\u00dferdem die <strong>Pod-Gr\u00f6\u00dfe<\/strong> und die <strong>Anzahl der Instanzen<\/strong> entsprechend den Anforderungen deiner Anwendung und deinem Budget. In diesem Tutorial werden 2 CPUs mit 8 GB RAM verwendet.<\/li>\n<li>Klicke auf <strong>Weiter<\/strong>, um deinen Prozess zu erstellen. Diese Aktion l\u00f6st eine Neuverteilung aus.<\/li>\n<\/ol>\n<h3>Einrichten der Datenbankumgebung<\/h3>\n<ol start=\"1\">\n<li>Auf der Seite <strong>Einstellungen <\/strong>, auf der Registerkarte <strong>Verbindungen<\/strong>, solltest du <strong>Erlaubte Anwendungen<\/strong> sehen. Klicke auf <strong>Verbindung hinzuf\u00fcgen<\/strong>, um die Datenbank als Verbindung hinzuzuf\u00fcgen.<\/li>\n<li>W\u00e4hle die Datenbank aus. Setze darunter ein H\u00e4kchen bei <strong>Umgebungsvariablen hinzuf\u00fcgen, um auf die Datenbank zuzugreifen<\/strong>. Diese Aktion f\u00fcllt automatisch alle Umgebungsvariablen der Datenbank aus.<\/li>\n<li>Bearbeite die Variablenschl\u00fcssel so, dass sie mit der Datei <strong>database.php<\/strong> deiner Anwendung \u00fcbereinstimmen, die sich im Ordner <strong>config <\/strong>im Stammverzeichnis deiner Anwendung befindet.<\/li>\n<li>\u00c4ndere die Laravel-Schl\u00fcssel <strong>DB_DATABASE<\/strong>, <strong>DB_USERNAME<\/strong> und <strong>DATABASE_URL<\/strong>, wie im folgenden Screenshot:\n<p><figure id=\"attachment_105526\" aria-describedby=\"caption-attachment-105526\" style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-105526 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/environment-variables.png\" alt=\"Eine Liste von sechs Schl\u00fcsseln und ihren geschw\u00e4rzten Werten\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Hinzuf\u00fcgen von Umgebungsvariablen und \u00c4ndern der Schl\u00fcssel<\/figcaption><\/figure><\/li>\n<li>F\u00fcge eine weitere Umgebungsvariable namens <strong>APP_URL<\/strong> hinzu. Ihr Wert ist die URL deiner Anwendungsbereitstellung. Diese Information findest du unter <strong>Domains <\/strong>im Seitenmen\u00fc.<\/li>\n<\/ol>\n<h3>Migrieren der Datenbank<\/h3>\n<ol start=\"1\">\n<li>Klicke im Seitenmen\u00fc auf <strong>Prozesse<\/strong>.<\/li>\n<li>Im Abschnitt <strong>Laufzeitprozesse<\/strong> klickst du auf <strong>Prozess erstellen<\/strong>.<\/li>\n<li>Nenne den Prozess &#8222;Migration&#8220;. W\u00e4hle den Typ <strong>Hintergrundarbeiter<\/strong>. F\u00fcge den folgenden Befehl in das Feld <strong>Startbefehl<\/strong> ein:\n<pre><code class=\"language-bash\">php artisan migrate:fresh --seed --force<\/code><\/pre>\n<p>Dieser Befehl migriert die <strong>Artikeltabelle<\/strong> und f\u00fcgt der Anwendung zehn Artikel hinzu. Deine Prozesse sollten wie der folgende Screenshot aussehen, mit Node-, Migrations- und Web-Prozess und deren Details.<\/p>\n<p><figure id=\"attachment_105526\" aria-describedby=\"caption-attachment-105526\" style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-105526 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/runtime-processes.png\" alt=\"Eine Liste der Runtime-Prozesse mit Prozess, Typ, Instanzen, Pod-Gr\u00f6\u00dfe und Bearbeitungs- oder L\u00f6schaktionen f\u00fcr Node-, Migrations- und Webprozesse\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Laufzeitprozesse bei der Bereitstellung der Laravel-Inertia-Anwendung<\/figcaption><\/figure><\/li>\n<li>W\u00e4hle im Seitenmen\u00fc <strong>Bereitstellung<\/strong>. Klicke auf <strong>Letzte Bereitstellung<\/strong>. Du solltest eine Seite wie die folgende sehen, mit einem Titel und einer Liste von Artikeln mit Platzhaltertext und Bildern.\n<p><figure id=\"attachment_105526\" aria-describedby=\"caption-attachment-105526\" style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-105526 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/demo-app-complete.png\" alt=\"Die Startseite der Anwendung mit dem Titel Kinsta Blog und einer Liste von Artikeln mit Platzhaltertext\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Die Laravel-Inertia-Anwendung wurde erfolgreich auf Kinsta bereitgestellt<\/figcaption><\/figure><\/li>\n<\/ol>\n<h2>Wie du die Anwendung nach der Bereitstellung \u00fcberwachen und pflegen kannst<\/h2>\n<p>Nach der Bereitstellung deiner Anwendung kann es zu Problemen kommen, wenn die Anfragen ansteigen. <a href=\"https:\/\/docs.sevalla.com\/applications\/analytics\">Die Anwendungsanalyse von Kinsta<\/a> hilft dir, diese Ver\u00e4nderungen zu \u00fcberwachen und den Zustand deiner Anwendung zu erhalten.<\/p>\n<p>Die Analyse zeigt Ressourcen, Leistung und HTTP-Anfragen an, um dir einen \u00dcberblick \u00fcber den Betrieb deiner Anwendung zu geben. Wenn deine Anwendung mehr Ressourcen ben\u00f6tigt, kannst du dies schnell in den Monitor-Boards auf der Registerkarte &#8222;Leistung&#8220; feststellen und dann bei Bedarf die Leistung erh\u00f6hen oder verringern.<\/p>\n<p>Die <a href=\"https:\/\/docs.sevalla.com\/applications\/runtime-logs\">Laufzeitprotokolle<\/a> helfen deinem Team auch, Probleme schnell zu beheben. Du kannst die Ursache des Problems in den Protokolleintr\u00e4gen finden, was die Wartung deiner Anwendung sehr einfach macht.<\/p>\n<h2>Wie du h\u00e4ufige Probleme bei der Bereitstellung behebst<\/h2>\n<p>Bei der Bereitstellung deiner Laravel-Inertia-Anwendung auf Kinsta k\u00f6nnen einige Probleme auftreten. Wir besprechen, was diese Probleme sind &#8211; und wie du sie beheben kannst.<\/p>\n<p>Erstens f\u00fcgt Kinsta ein Sonderzeichen in das generierte Passwort ein, wenn du eine Datenbank erstellst. Das kann zu Rollback-Fehlern f\u00fchren, wenn du die Datenbank mit deiner Laravel-Inertia-Anwendung verbindest. Um dieses Problem zu beheben, verwende dein eigenes Passwort, anstatt dich auf die generierten Passw\u00f6rter zu verlassen.<\/p>\n<p>Ein weiteres typisches Problem ist die fehlgeschlagene Auto-Commit-Verteilung. Die Bereitstellung kann fehlschlagen, wenn du den falschen Startbefehl angibst. Um dieses Problem zu beheben, \u00fcberpr\u00fcfe, ob deine Prozesse Tippfehler enthalten oder einem falschen Prozesstyp zugewiesen sind.<\/p>\n<h2>Zusammenfassung<\/h2>\n<p>Du wei\u00dft jetzt, wie du eine Laravel- und Inertia-Anwendung auf Kinsta bereitstellen kannst. Dazu musst du Buildpacks und Startbefehle festlegen, um die Anwendung zu konfigurieren, eine Datenbank erstellen und dann die Datenbank verbinden und migrieren, um Daten f\u00fcr die Anwendung bereitzustellen.<\/p>\n<p>Durch die Kombination von Laravel und Inertial kannst du deine Anwendung mit der Datenbank verbinden, ohne manuell eine API einrichten zu m\u00fcssen. Das spart Zeit und Energie, die du stattdessen f\u00fcr die Entwicklung spannender neuer Anwendungsfunktionen nutzen kannst.<\/p>\n<p>Kinsta hostet deine Anwendung und ihre Datenbank. Du kannst auch die externen Verbindungen deiner Datenbank nutzen, um eine Verbindung zu einer Anwendung herzustellen, die au\u00dferhalb von Kinsta l\u00e4uft. Mit den Rechenzentren von 27 kannst du deine Dienste n\u00e4her an den Nutzerinnen und Nutzern deiner Anwendung anbieten und so Verz\u00f6gerungen reduzieren und gleichzeitig eine zuverl\u00e4ssige, sichere Infrastruktur f\u00fcr die Bereitstellung bieten.<\/p>\n<p>Nutze das, was du in diesem Tutorial gelernt hast, um deine dynamische Webanwendung &#8211; oder deine <a href=\"https:\/\/sevalla.com\/database-hosting\/\">Datenbank<\/a> &#8211; bei Kinsta bereitzustellen. <a href=\"https:\/\/kinsta.com\/de\/anmelden\/\">Beginne deine Bereitstellungs-Reise mit Kinsta noch heute<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Laravel, ein leistungsstarkes PHP-Framework, und Inertia.js, eine dynamische JavaScript-Bibliothek, arbeiten nahtlos zusammen, um die Anwendungs-Entwicklung zu optimieren. Laravel vereinfacht serverseitige Aufgaben, w\u00e4hrend Inertia.js die Interaktionen auf &#8230;<\/p>\n","protected":false},"author":199,"featured_media":69579,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[958],"class_list":["post-69578","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-laravel"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Bereitstellen von Laravel mit Inertia.js auf Kinsta - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"In diesem umfassenden Leitfaden erf\u00e4hrst du, wie du m\u00fchelos Laravel-Anwendungen mit Inertia.js auf der Anwendungs-Hosting-Plattform von Kinsta bereitstellen kannst!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bereitstellung von Laravel mit Inertia.js auf der Anwendungs-Hosting-Plattform von Kinsta\" \/>\n<meta property=\"og:description\" content=\"In diesem umfassenden Leitfaden erf\u00e4hrst du, wie du m\u00fchelos Laravel-Anwendungen mit Inertia.js auf der Anwendungs-Hosting-Plattform von Kinsta bereitstellen kannst!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-25T09:10:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T19:15:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"In diesem umfassenden Leitfaden erf\u00e4hrst du, wie du m\u00fchelos Laravel-Anwendungen mit Inertia.js auf der Anwendungs-Hosting-Plattform von Kinsta bereitstellen kannst!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"8\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Bereitstellung von Laravel mit Inertia.js auf der Anwendungs-Hosting-Plattform von Kinsta\",\"datePublished\":\"2024-03-25T09:10:09+00:00\",\"dateModified\":\"2025-10-01T19:15:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/\"},\"wordCount\":1492,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/\",\"name\":\"Bereitstellen von Laravel mit Inertia.js auf Kinsta - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg\",\"datePublished\":\"2024-03-25T09:10:09+00:00\",\"dateModified\":\"2025-10-01T19:15:08+00:00\",\"description\":\"In diesem umfassenden Leitfaden erf\u00e4hrst du, wie du m\u00fchelos Laravel-Anwendungen mit Inertia.js auf der Anwendungs-Hosting-Plattform von Kinsta bereitstellen kannst!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Laravel\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/laravel\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Bereitstellung von Laravel mit Inertia.js auf der Anwendungs-Hosting-Plattform von Kinsta\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Bereitstellen von Laravel mit Inertia.js auf Kinsta - Kinsta\u00ae","description":"In diesem umfassenden Leitfaden erf\u00e4hrst du, wie du m\u00fchelos Laravel-Anwendungen mit Inertia.js auf der Anwendungs-Hosting-Plattform von Kinsta bereitstellen kannst!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/","og_locale":"de_DE","og_type":"article","og_title":"Bereitstellung von Laravel mit Inertia.js auf der Anwendungs-Hosting-Plattform von Kinsta","og_description":"In diesem umfassenden Leitfaden erf\u00e4hrst du, wie du m\u00fchelos Laravel-Anwendungen mit Inertia.js auf der Anwendungs-Hosting-Plattform von Kinsta bereitstellen kannst!","og_url":"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2024-03-25T09:10:09+00:00","article_modified_time":"2025-10-01T19:15:08+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"In diesem umfassenden Leitfaden erf\u00e4hrst du, wie du m\u00fchelos Laravel-Anwendungen mit Inertia.js auf der Anwendungs-Hosting-Plattform von Kinsta bereitstellen kannst!","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg","twitter_creator":"@Kinsta_DE","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Jeremy Holcombe","Gesch\u00e4tzte Lesezeit":"8\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Bereitstellung von Laravel mit Inertia.js auf der Anwendungs-Hosting-Plattform von Kinsta","datePublished":"2024-03-25T09:10:09+00:00","dateModified":"2025-10-01T19:15:08+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/"},"wordCount":1492,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/","url":"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/","name":"Bereitstellen von Laravel mit Inertia.js auf Kinsta - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg","datePublished":"2024-03-25T09:10:09+00:00","dateModified":"2025-10-01T19:15:08+00:00","description":"In diesem umfassenden Leitfaden erf\u00e4hrst du, wie du m\u00fchelos Laravel-Anwendungen mit Inertia.js auf der Anwendungs-Hosting-Plattform von Kinsta bereitstellen kannst!","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/laravel-inertia-anwendungs-hosting\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"Laravel","item":"https:\/\/kinsta.com\/de\/thema\/laravel\/"},{"@type":"ListItem","position":3,"name":"Bereitstellung von Laravel mit Inertia.js auf der Anwendungs-Hosting-Plattform von Kinsta"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/de\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/69578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=69578"}],"version-history":[{"count":5,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/69578\/revisions"}],"predecessor-version":[{"id":69620,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/69578\/revisions\/69620"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69578\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69578\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69578\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69578\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69578\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69578\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69578\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69578\/translations\/es"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69578\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/69579"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=69578"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=69578"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=69578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}