{"id":76630,"date":"2024-03-25T10:10:52","date_gmt":"2024-03-25T09:10:52","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=76630&#038;post_type=knowledgebase&#038;preview_id=76630"},"modified":"2025-10-01T20:42:19","modified_gmt":"2025-10-01T19:42:19","slug":"laravel-inertia-hebergement-application","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/","title":{"rendered":"D\u00e9ployez Laravel avec Inertia.js sur la plateforme d&rsquo;h\u00e9bergement d&rsquo;applications de Kinsta"},"content":{"rendered":"<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-laravel\/\">Laravel<\/a>, un puissant framework <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-php\/\">PHP<\/a>, et <a href=\"https:\/\/kinsta.com\/fr\/blog\/inertia-js\/\">Inertia.js<\/a>, une biblioth\u00e8que JavaScript dynamique, collaborent de mani\u00e8re transparente pour rationaliser le d\u00e9veloppement d&rsquo;applications. Laravel simplifie les t\u00e2ches c\u00f4t\u00e9 serveur, tandis qu&rsquo;Inertia.js facilite les interactions c\u00f4t\u00e9 client. Ensemble, ils permettent un flux de donn\u00e9es fluide et des mises \u00e0 jour en temps r\u00e9el, ce qui vous aide \u00e0 cr\u00e9er rapidement des applications web r\u00e9actives.<\/p>\n<p>Le d\u00e9ploiement d&rsquo;une application Laravel-Inertia \u00e0 l&rsquo;aide du <a href=\"https:\/\/sevalla.com\/application-hosting\/\">service d&rsquo;h\u00e9bergement d&rsquo;applications de Kinsta<\/a> se fait en quelques \u00e9tapes :<\/p>\n<ol start=\"1\">\n<li>Configurez la base de donn\u00e9es en utilisant le service d&rsquo;<a href=\"https:\/\/sevalla.com\/database-hosting\/\">h\u00e9bergement de base de donn\u00e9es de Kinsta<\/a>.<\/li>\n<li>H\u00e9bergez votre application et configurez les buildpacks pour Node.js et PHP, en int\u00e9grant la base de donn\u00e9es.<\/li>\n<li>Configurez Node.js pour installer Inertia et les d\u00e9pendances PHP pour l&rsquo;environnement Inertia.<\/li>\n<\/ol>\n<p>Ce tutoriel vous guide pas \u00e0 pas dans ce processus.<\/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>Comprendre les pr\u00e9-requis de d\u00e9ploiement<\/h2>\n<p>Pour suivre ce tutoriel, assurez-vous que vous disposez des conditions pr\u00e9alables suivantes :<\/p>\n<ul>\n<li>Connaissance fondamentale de <a href=\"https:\/\/laravel.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Laravel<\/a> et <a href=\"https:\/\/vuejs.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Vue.js<\/a><\/li>\n<li>Connaissance de la base de donn\u00e9es<\/li>\n<li>Un compte Kinsta. Commencez un <a href=\"https:\/\/kinsta.com\/fr\/inscription\/\" target=\"_blank\" rel=\"noopener noreferrer\">essai gratuit<\/a> aujourd&rsquo;hui.<\/li>\n<\/ul>\n<p>Dans cet article, vous allez d\u00e9ployer une application de blog qui affiche une liste d&rsquo;articles et permet au lecteur de consulter un article sp\u00e9cifique. L&rsquo;application a \u00e9t\u00e9 stylis\u00e9e \u00e0 l&rsquo;aide de <a href=\"https:\/\/kinsta.com\/fr\/blog\/laravel-tailwind-css\/\">Tailwind CSS et construite avec Laravel<\/a> et Vue.js.<\/p>\n<p>L&rsquo;environnement d&rsquo;ex\u00e9cution JavaScript <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-node-js\/\">Node.js<\/a> g\u00e8re le rendu c\u00f4t\u00e9 serveur. Il coordonne la communication entre les composants de l&rsquo;application frontend Inertia.js et le backend Laravel pour les mises \u00e0 jour dynamiques du frontend depuis le c\u00f4t\u00e9 serveur.<\/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=\"L'application Kinsta Blog avec un titre et une liste d'articles.\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">L&rsquo;application Kinsta Blog avec un titre et une liste d&rsquo;articles.<\/figcaption><\/figure>\n<p>Pour plus d&rsquo;informations sur la cr\u00e9ation de cette application, lisez <a href=\"https:\/\/kinsta.com\/fr\/blog\/inertia-laravel\/\">Comment utiliser Inertia.js dans vos projets Laravel<\/a>. Vous pouvez \u00e9galement t\u00e9l\u00e9charger <a href=\"https:\/\/github.com\/VirtuaCreative\/kinsta-laravel-inertia\" target=\"_blank\" rel=\"noopener noreferrer\">le code source complet de l&rsquo;application<\/a>.<\/p>\n<h2>Comment d\u00e9ployer l&rsquo;application sur Kinsta<\/h2>\n<p>Commencez par configurer une base de donn\u00e9es pour votre application sur l <a href=\"https:\/\/sevalla.com\/database-hosting\/\">&lsquo;h\u00e9bergement de base de donn\u00e9es de Kinsta<\/a>. Pour cela, suivez les \u00e9tapes suivantes :<\/p>\n<ol start=\"1\">\n<li>Connectez-vous ou cr\u00e9ez un compte pour afficher votre tableau de bord <a href=\"https:\/\/my.kinsta.com\/?lang=fr\" target=\"_blank\" rel=\"noopener noreferrer\">MyKinsta<\/a>.<\/li>\n<li>Cliquez sur <strong>Bases de donn\u00e9es<\/strong> dans la colonne lat\u00e9rale de gauche, puis cliquez sur <strong>Ajouter une base de donn\u00e9es<\/strong>.<\/li>\n<li>Dans la section <strong>D\u00e9tails de base<\/strong>, saisissez les d\u00e9tails de votre base de donn\u00e9es. Cela inclut le <strong>type de base de donn\u00e9es<\/strong> (MySQL) et la <strong>version<\/strong> (8.0). Cliquez ensuite sur <strong>Continuer.<\/strong><\/li>\n<li>La section <strong>R\u00e9sum\u00e9<\/strong> affiche les d\u00e9tails de la facture du service et vos informations de facturation. Confirmez et cliquez sur <strong>Cr\u00e9er une base de donn\u00e9es<\/strong>.<\/li>\n<\/ol>\n<h3>Comment configurer l&rsquo;environnement Laravel<\/h3>\n<p>Pour configurer l&rsquo;environnement Laravel sur l&rsquo;h\u00e9bergement d&rsquo;applications Kinsta. Suivez les \u00e9tapes suivantes :<\/p>\n<ol start=\"1\">\n<li>Cliquez sur <strong>Applications<\/strong> dans la colonne lat\u00e9rale de gauche de MyKinsta, puis cliquez sur <strong>Ajouter une application<\/strong>.<\/li>\n<li>Choisissez le d\u00e9p\u00f4t de votre application, activez le d\u00e9ploiement automatique lors de la validation, saisissez le <strong>nom de l&rsquo;application<\/strong> et s\u00e9lectionnez l&rsquo;<strong>emplacement du centre de donn\u00e9es<\/strong>. Votre application et votre base de donn\u00e9es doivent se trouver dans la m\u00eame r\u00e9gion.<\/li>\n<li>Ensuite, saisissez vos <strong>variables d&rsquo;environnement<\/strong>. Saisissez <code>APP_KEY<\/code> dans le champ <strong>Key 1<\/strong>. Utilisez <a href=\"https:\/\/generate-random.org\/laravel-key-generator\" target=\"_blank\" rel=\"noopener noreferrer\">le g\u00e9n\u00e9rateur en ligne de Laravel<\/a> pour cr\u00e9er une cl\u00e9 pour la <strong>valeur 1<\/strong>. Cliquez sur <strong>Continuer<\/strong>.<\/li>\n<li>Dans l&rsquo;onglet <strong>Environnement de construction<\/strong>, s\u00e9lectionnez <strong>Utiliser les Buildpacks pour configurer l&rsquo;image du conteneur<\/strong>. Cette option vous permet de choisir les buildpacks ult\u00e9rieurement.<\/li>\n<li>Dans l&rsquo;onglet <strong>Ressources<\/strong>, indiquez la commande de d\u00e9marrage de votre application. Comme il s&rsquo;agit d&rsquo;une application Laravel, elle utilise la commande suivante :\n<pre><code class=\"language-bash\">php artisan serve --host 0.0.0.0 --port 8080<\/code><\/pre>\n<\/li>\n<li>L&rsquo;onglet <strong>R\u00e9sum\u00e9<\/strong> affiche la facture avec votre pod et votre moyen de paiement. Confirmez toutes les informations et cliquez sur <strong>Cr\u00e9er une application<\/strong>.<\/li>\n<\/ol>\n<p>Le d\u00e9ploiement de votre application d\u00e9marre. Mais il \u00e9choue car vous devez encore ajouter les buildpacks n\u00e9cessaires \u00e0 la construction de votre application Laravel-Inertia.<\/p>\n<h3>Ajouter des Buildpacks<\/h3>\n<ol start=\"1\">\n<li>Dans le menu de gauche de votre application, cliquez sur <strong>R\u00e9glages<\/strong>.<\/li>\n<li>Ensuite, cliquez sur l&rsquo;onglet <strong>build<\/strong> et <strong>Ajout de buildpack<\/strong> pour ajouter les buildpacks <strong>Node.js<\/strong> et <strong>PHP <\/strong>. Ajoutez les buildpacks contenant le langage principal en dernier \u00e0 la liste des buildpacks pour vous assurer que le buildpack sp\u00e9cifique au langage est prioritaire sur la configuration g\u00e9n\u00e9rale de l&rsquo;environnement d&rsquo;application.<\/li>\n<li>Cliquez sur <strong>Ajouter un buildpack<\/strong> et ajoutez les buildpacks Node.js et PHP. Assurez-vous que le buildpack du langage principal (PHP) est ajout\u00e9 en dernier.\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=\"Ajout de buildpacks pour l'application Laravel-Inertia.\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Ajout de buildpacks pour l&rsquo;application Laravel-Inertia.<\/figcaption><\/figure><\/li>\n<li>Cliquez sur <strong>D\u00e9ploiement<\/strong> dans la colonne lat\u00e9rale et cliquez sur <strong>Red\u00e9ploiement<\/strong>.<\/li>\n<\/ol>\n<h3>Configurer l&rsquo;environnement Node.js<\/h3>\n<ol start=\"1\">\n<li>L&rsquo;application Laravel-Inertia a besoin du script Vite pour que la page soit mise \u00e0 jour sans \u00eatre recharg\u00e9e. Ainsi, dans le menu de gauche de votre compte Kinsta, cliquez sur <strong>Processus<\/strong>.<\/li>\n<li>Dans la section <strong>Processus d&rsquo;ex\u00e9cution<\/strong>, cliquez sur <strong>Cr\u00e9er un processus<\/strong>. Choisissez <strong>Worker en arri\u00e8re-plan<\/strong> comme <strong>Type <\/strong>de processus et ajoutez les commandes suivantes :\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=\"Cr\u00e9ation de commandes de d\u00e9marrage Node.js pour l'application Laravel-Inertia.\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Cr\u00e9ation de commandes de d\u00e9marrage Node.js pour l&rsquo;application Laravel-Inertia.<\/figcaption><\/figure>\n<p>Nommez le processus comme vous voulez l&rsquo;identifier dans Kinsta, comme \u00ab Node \u00bb. S\u00e9lectionnez \u00e9galement la <strong>taille du pod<\/strong> et le <strong>nombre d&rsquo;instances<\/strong> en fonction des besoins et du budget de votre application. Ce tutoriel utilise 2 CPU avec 8Go de RAM.<\/li>\n<li>Cliquez sur <strong>Continuer<\/strong> pour cr\u00e9er votre processus. Cette action d\u00e9clenche un red\u00e9ploiement.<\/li>\n<\/ol>\n<h3>Configurer l&rsquo;environnement de la base de donn\u00e9es<\/h3>\n<ol start=\"1\">\n<li>Sur la page <strong>R\u00e9glages<\/strong>, dans l&rsquo;onglet <strong>Connexions<\/strong>, vous devriez voir <strong>Applications autoris\u00e9es<\/strong>. Cliquez sur <strong>Ajouter une connexion<\/strong> pour ajouter la base de donn\u00e9es en tant que connexion.<\/li>\n<li>S\u00e9lectionnez la base de donn\u00e9es. En dessous, cochez <strong>Ajouter des variables d&rsquo;environnement pour acc\u00e9der \u00e0 la base de donn\u00e9es<\/strong>. Cette action remplit automatiquement toutes les variables d&rsquo;environnement de la base de donn\u00e9es.<\/li>\n<li>Modifiez les cl\u00e9s des variables pour qu&rsquo;elles correspondent au fichier <strong>database.php<\/strong> de votre application, qui se trouve dans le dossier <strong>config <\/strong>\u00e0 la racine de votre application.<\/li>\n<li>Modifiez les cl\u00e9s Laravel <strong>DB_DATABASE<\/strong>, <strong>DB_USERNAME<\/strong> et <strong>DATABASE_URL<\/strong>, comme dans la capture d&rsquo;\u00e9cran suivante :\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=\"Ajout de variables d'environnement et modification des cl\u00e9s.\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Ajout de variables d&rsquo;environnement et modification des cl\u00e9s.<\/figcaption><\/figure><\/li>\n<li>Ajoutez une autre variable d&rsquo;environnement appel\u00e9e <strong>APP_URL<\/strong>. Sa valeur est l&rsquo;URL de d\u00e9ploiement de votre application. Vous pouvez obtenir cette information \u00e0 partir de <strong>Domaines <\/strong>dans le menu lat\u00e9ral.<\/li>\n<\/ol>\n<h3>Migration de la base de donn\u00e9es<\/h3>\n<ol start=\"1\">\n<li>Dans le menu lat\u00e9ral, cliquez sur <strong>Processus<\/strong>.<\/li>\n<li>Dans la section <strong>Processus d&rsquo;ex\u00e9cution<\/strong>, cliquez sur <strong>Cr\u00e9er un processus<\/strong>.<\/li>\n<li>Nommez le processus \u00ab Migration \u00bb. S\u00e9lectionnez le type <strong>Worker en arri\u00e8re-plan<\/strong>. Collez la commande suivante dans le champ <strong>Commande de d\u00e9marrage<\/strong>:\n<pre><code class=\"language-bash\">php artisan migrate:fresh --seed --force<\/code><\/pre>\n<p>Cette commande migre la table <strong>Article<\/strong> et ajoute dix articles \u00e0 l&rsquo;application. Vos processus doivent ressembler \u00e0 la capture d&rsquo;\u00e9cran suivante, avec les processus Node, Migration et Web et leurs d\u00e9tails.<\/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=\"Processus d'ex\u00e9cution lors du d\u00e9ploiement de l'application Laravel-Inertia.\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Processus d&rsquo;ex\u00e9cution lors du d\u00e9ploiement de l&rsquo;application Laravel-Inertia.<\/figcaption><\/figure><\/li>\n<li>Dans le menu lat\u00e9ral, s\u00e9lectionnez <strong>D\u00e9ploiements<\/strong>. Cliquez sur <strong>Dernier d\u00e9ploiement<\/strong>. Vous devriez voir une page comme la suivante, avec un titre et une liste d&rsquo;articles avec du texte et des images de remplacement.\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=\"L'application Laravel-Inertia est d\u00e9ploy\u00e9e avec succ\u00e8s sur Kinsta.\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">L&rsquo;application Laravel-Inertia est d\u00e9ploy\u00e9e avec succ\u00e8s sur Kinsta.<\/figcaption><\/figure><\/li>\n<\/ol>\n<h2>Comment surveiller et maintenir l&rsquo;application apr\u00e8s le d\u00e9ploiement<\/h2>\n<p>Apr\u00e8s avoir d\u00e9ploy\u00e9 votre application, vous pouvez rencontrer des probl\u00e8mes lorsque les requ\u00eates augmentent. <a href=\"https:\/\/docs.sevalla.com\/applications\/analytics\">L&rsquo;analyse des applications de Kinsta<\/a> vous aide \u00e0 surveiller ces changements et \u00e0 maintenir la sant\u00e9 de votre application.<\/p>\n<p>L&rsquo;analyse montre les ressources, la performance et les requ\u00eates HTTP pour vous donner une id\u00e9e du fonctionnement de votre application. Vous pouvez rapidement observer quand votre application a besoin de plus de ressources dans les tableaux de surveillance de votre onglet de performance, puis augmenter ou r\u00e9duire les ressources si n\u00e9cessaire.<\/p>\n<p>Les <a href=\"https:\/\/docs.sevalla.com\/applications\/runtime-logs\">journaux d&rsquo;ex\u00e9cution<\/a> aident \u00e9galement votre \u00e9quipe \u00e0 d\u00e9boguer rapidement les probl\u00e8mes. Vous pouvez trouver la source du probl\u00e8me dans les entr\u00e9es du journal, ce qui facilite la maintenance de votre application.<\/p>\n<h2>Comment r\u00e9soudre les probl\u00e8mes de d\u00e9ploiement courants<\/h2>\n<p>Vous pouvez rencontrer quelques probl\u00e8mes lors du d\u00e9ploiement de votre application Laravel-Inertia sur Kinsta. Nous allons voir quels sont ces probl\u00e8mes et comment les r\u00e9soudre.<\/p>\n<p>Tout d&rsquo;abord, Kinsta ajoute un caract\u00e8re sp\u00e9cial au mot de passe g\u00e9n\u00e9r\u00e9 lorsque vous cr\u00e9ez une base de donn\u00e9es. Cela peut provoquer des erreurs de retour en arri\u00e8re lorsque vous connectez la base de donn\u00e9es \u00e0 votre application Laravel-Inertia. Pour r\u00e9soudre ce probl\u00e8me, utilisez votre mot de passe au lieu de vous fier aux mots de passe g\u00e9n\u00e9r\u00e9s.<\/p>\n<p>Les \u00e9checs de d\u00e9ploiement de l&rsquo;auto-commit sont un autre probl\u00e8me typique. Le d\u00e9ploiement peut \u00e9chouer si vous sp\u00e9cifiez une commande de d\u00e9marrage incorrecte. Pour r\u00e9soudre ce probl\u00e8me, v\u00e9rifiez si vos processus contiennent des fautes de frappe ou s&rsquo;ils sont incorrectement assign\u00e9s \u00e0 un type de processus.<\/p>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Vous savez maintenant comment d\u00e9ployer une application Laravel et Inertia sur Kinsta. Cela implique de d\u00e9finir des Buildpacks et des commandes de d\u00e9marrage pour configurer l&rsquo;application, de cr\u00e9er une base de donn\u00e9es, puis de connecter et de migrer la base de donn\u00e9es pour servir des donn\u00e9es \u00e0 l&rsquo;application.<\/p>\n<p>La combinaison de Laravel et d&rsquo;Inertial vous permet de connecter votre application et votre base de donn\u00e9es sans avoir \u00e0 configurer manuellement une API, ce qui vous fait gagner du temps et de l&rsquo;\u00e9nergie que vous pouvez utiliser \u00e0 la place pour cr\u00e9er de nouvelles fonctionnalit\u00e9s passionnantes pour votre application.<\/p>\n<p>Kinsta h\u00e9berge votre application et sa base de donn\u00e9es. Vous pouvez \u00e9galement utiliser les connexions externes de votre base de donn\u00e9es pour vous connecter \u00e0 une application fonctionnant en dehors de Kinsta. Les 27 centres de donn\u00e9es vous permettent d&rsquo;offrir des services plus proches des utilisateurs de votre application, r\u00e9duisant ainsi les d\u00e9lais tout en offrant une infrastructure de d\u00e9ploiement fiable et s\u00e9curis\u00e9e.<\/p>\n<p>Utilisez ce que vous avez appris dans ce tutoriel pour d\u00e9ployer votre application web dynamique &#8211; ou votre <a href=\"https:\/\/sevalla.com\/database-hosting\/\">base de donn\u00e9es<\/a> &#8211; sur Kinsta. <a href=\"https:\/\/kinsta.com\/fr\/inscription\/\">Commencez votre voyage de d\u00e9ploiement avec Kinsta d\u00e8s aujourd&rsquo;hui<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Laravel, un puissant framework PHP, et Inertia.js, une biblioth\u00e8que JavaScript dynamique, collaborent de mani\u00e8re transparente pour rationaliser le d\u00e9veloppement d&rsquo;applications. Laravel simplifie les t\u00e2ches c\u00f4t\u00e9 serveur, &#8230;<\/p>\n","protected":false},"author":199,"featured_media":76631,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[986],"class_list":["post-76630","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>D\u00e9ployez Laravel avec Inertia.js sur Kinsta - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Apprenez \u00e0 d\u00e9ployer sans effort des applications Laravel avec Inertia.js sur la plateforme d&#039;h\u00e9bergement d&#039;applications de Kinsta dans ce guide complet !\" \/>\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\/fr\/blog\/laravel-inertia-hebergement-application\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"D\u00e9ployez Laravel avec Inertia.js sur la plateforme d&#039;h\u00e9bergement d&#039;applications de Kinsta\" \/>\n<meta property=\"og:description\" content=\"Apprenez \u00e0 d\u00e9ployer sans effort des applications Laravel avec Inertia.js sur la plateforme d&#039;h\u00e9bergement d&#039;applications de Kinsta dans ce guide complet !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-25T09:10:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T19:42:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/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=\"Apprenez \u00e0 d\u00e9ployer sans effort des applications Laravel avec Inertia.js sur la plateforme d&#039;h\u00e9bergement d&#039;applications de Kinsta dans ce guide complet !\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"D\u00e9ployez Laravel avec Inertia.js sur la plateforme d&rsquo;h\u00e9bergement d&rsquo;applications de Kinsta\",\"datePublished\":\"2024-03-25T09:10:52+00:00\",\"dateModified\":\"2025-10-01T19:42:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/\"},\"wordCount\":1847,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/\",\"name\":\"D\u00e9ployez Laravel avec Inertia.js sur Kinsta - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg\",\"datePublished\":\"2024-03-25T09:10:52+00:00\",\"dateModified\":\"2025-10-01T19:42:19+00:00\",\"description\":\"Apprenez \u00e0 d\u00e9ployer sans effort des applications Laravel avec Inertia.js sur la plateforme d'h\u00e9bergement d'applications de Kinsta dans ce guide complet !\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Laravel\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/laravel\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"D\u00e9ployez Laravel avec Inertia.js sur la plateforme d&rsquo;h\u00e9bergement d&rsquo;applications de Kinsta\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"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\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/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\/fr\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"D\u00e9ployez Laravel avec Inertia.js sur Kinsta - Kinsta\u00ae","description":"Apprenez \u00e0 d\u00e9ployer sans effort des applications Laravel avec Inertia.js sur la plateforme d'h\u00e9bergement d'applications de Kinsta dans ce guide complet !","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\/fr\/blog\/laravel-inertia-hebergement-application\/","og_locale":"fr_FR","og_type":"article","og_title":"D\u00e9ployez Laravel avec Inertia.js sur la plateforme d'h\u00e9bergement d'applications de Kinsta","og_description":"Apprenez \u00e0 d\u00e9ployer sans effort des applications Laravel avec Inertia.js sur la plateforme d'h\u00e9bergement d'applications de Kinsta dans ce guide complet !","og_url":"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2024-03-25T09:10:52+00:00","article_modified_time":"2025-10-01T19:42:19+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/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":"Apprenez \u00e0 d\u00e9ployer sans effort des applications Laravel avec Inertia.js sur la plateforme d'h\u00e9bergement d'applications de Kinsta dans ce guide complet !","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg","twitter_creator":"@kinsta_fr","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Jeremy Holcombe","Dur\u00e9e de lecture estim\u00e9e":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"D\u00e9ployez Laravel avec Inertia.js sur la plateforme d&rsquo;h\u00e9bergement d&rsquo;applications de Kinsta","datePublished":"2024-03-25T09:10:52+00:00","dateModified":"2025-10-01T19:42:19+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/"},"wordCount":1847,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/","url":"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/","name":"D\u00e9ployez Laravel avec Inertia.js sur Kinsta - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg","datePublished":"2024-03-25T09:10:52+00:00","dateModified":"2025-10-01T19:42:19+00:00","description":"Apprenez \u00e0 d\u00e9ployer sans effort des applications Laravel avec Inertia.js sur la plateforme d'h\u00e9bergement d'applications de Kinsta dans ce guide complet !","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/laravel-inertia-hebergement-application\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Laravel","item":"https:\/\/kinsta.com\/fr\/sujets\/laravel\/"},{"@type":"ListItem","position":3,"name":"D\u00e9ployez Laravel avec Inertia.js sur la plateforme d&rsquo;h\u00e9bergement d&rsquo;applications de Kinsta"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","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\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/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\/fr\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/76630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=76630"}],"version-history":[{"count":4,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/76630\/revisions"}],"predecessor-version":[{"id":76635,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/76630\/revisions\/76635"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76630\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76630\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76630\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76630\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76630\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76630\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76630\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76630\/translations\/es"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76630\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/76631"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=76630"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=76630"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=76630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}