{"id":67773,"date":"2024-04-04T06:11:56","date_gmt":"2024-04-04T09:11:56","guid":{"rendered":"https:\/\/kinqsta.com\/pt\/?p=67773&#038;post_type=knowledgebase&#038;preview_id=67773"},"modified":"2025-10-01T17:00:31","modified_gmt":"2025-10-01T20:00:31","slug":"laravel-inertia-na-kinsta","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/","title":{"rendered":"Implante Laravel com Inertia.js na Plataforma de Hospedagem de Aplicativos da Kinsta"},"content":{"rendered":"<p>O <a href=\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-laravel\/\">Laravel<\/a>, \u00e9 um robusto framework <a href=\"https:\/\/kinqsta.com\/pt\/blog\/o-que-php\/\">PHP<\/a>, e <a href=\"https:\/\/kinqsta.com\/pt\/blog\/inertia-js\/\">Inertia.js<\/a>, uma din\u00e2mica biblioteca JavaScript, colaboram de forma integrada para acelerar o desenvolvimento de aplicativos. Laravel simplifica tarefas do lado do servidor, enquanto Inertia.js facilita as intera\u00e7\u00f5es do lado do cliente. Juntos, eles suportam um fluxo de dados suave e atualiza\u00e7\u00f5es em tempo real, ajudando voc\u00ea a construir aplicativos web responsivos rapidamente.<\/p>\n<p>A implanta\u00e7\u00e3o de um aplicativo Laravel-Inertia usando o <a href=\"https:\/\/sevalla.com\/application-hosting\/\">servi\u00e7o de hospedagem de aplicativos da Kinsta<\/a> envolve algumas etapas:<\/p>\n<ol start=\"1\">\n<li>Configurar o banco de dados usando a <a href=\"https:\/\/sevalla.com\/database-hosting\/\">Hospedagem de Banco de Dados\u00a0da Kinsta<\/a>.<\/li>\n<li>Hospedar seu aplicativo e configurar buildpacks para Node.js e PHP, integrando o banco de dados.<\/li>\n<li>Configurar o Node.js para instalar o Inertia e as depend\u00eancias do PHP para o ambiente do Inertia.<\/li>\n<\/ol>\n<p>Este tutorial orientar\u00e1 voc\u00ea nesse processo, passo a passo.<\/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>Entendendo os requisitos de implanta\u00e7\u00e3o<\/h2>\n<p>Para acompanhar o processo, verifique se voc\u00ea tem os seguintes pr\u00e9-requisitos:<\/p>\n<ul>\n<li>Conhecimento fundamental de <a href=\"https:\/\/laravel.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Laravel<\/a> e <a href=\"https:\/\/vuejs.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Vue.js<\/a><\/li>\n<li>Familiaridade com o banco de dados<\/li>\n<li>Uma conta Kinsta. Comece um <a href=\"https:\/\/kinqsta.com\/pt\/inscreva-se\/\" target=\"_blank\" rel=\"noopener noreferrer\">teste gratuito<\/a> hoje mesmo.<\/li>\n<\/ul>\n<p>Neste artigo, voc\u00ea implantar\u00e1 um aplicativo de blog que serve uma lista de artigos e permite que o leitor visualize um artigo espec\u00edfico. O aplicativo foi estilizado com o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/laravel-tailwind\/\">Tailwind CSS e desenvolvido com Laravel<\/a> e Vue.js.<\/p>\n<p>O ambiente runtime JavaScript do <a href=\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-node-js\/\">Node.js<\/a> lida com a renderiza\u00e7\u00e3o no lado do servidor. Ele coordena a comunica\u00e7\u00e3o entre os componentes do aplicativo de frontend Inertia.js e o backend do Laravel para atualiza\u00e7\u00f5es din\u00e2micas do frontend no lado do servidor.<\/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:\/\/kinqsta.com\/wp-content\/uploads\/2024\/02\/demo-app.png\" alt=\"O aplicativo Kinsta Blog com um t\u00edtulo e uma lista de artigos.\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">O aplicativo Kinsta Blog com um t\u00edtulo e uma lista de artigos.<\/figcaption><\/figure>\n<p>Para obter mais informa\u00e7\u00f5es sobre como criar esse aplicativo, leia <a href=\"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia\/\">Como usar o Inertia.js em seus projetos Laravel<\/a>. Voc\u00ea tamb\u00e9m pode fazer o download do <a href=\"https:\/\/github.com\/VirtuaCreative\/kinsta-laravel-inertia\" target=\"_blank\" rel=\"noopener noreferrer\">c\u00f3digo-fonte completo do aplicativo<\/a>.<\/p>\n<h2>Como implantar o aplicativo na Kinsta<\/h2>\n<p>Comece configurando um banco de dados para o seu aplicativo na <a href=\"https:\/\/sevalla.com\/database-hosting\/\">hospedagem de banco de dados da Kinsta<\/a>. Voc\u00ea pode fazer isso seguindo estas etapas:<\/p>\n<ol start=\"1\">\n<li>Fa\u00e7a login ou crie uma conta para visualizar seu painel <a href=\"https:\/\/my.kinqsta.com\/?lang=pt\" target=\"_blank\" rel=\"noopener noreferrer\">MyKinsta<\/a>.<\/li>\n<li>Clique em <strong>Bancos de dados<\/strong> na barra lateral esquerda e, em seguida, clique em <strong>Adicionar banco de dados<\/strong>.<\/li>\n<li>Na se\u00e7\u00e3o <strong>Detalhes b\u00e1sicos<\/strong>, insira os detalhes do seu banco de dados. Isso inclui o <strong>tipo de banco de dados<\/strong> (MySQL) e a <strong>vers\u00e3o<\/strong> (8.0). Em seguida, clique em <strong>Continuar.<\/strong><\/li>\n<li>A se\u00e7\u00e3o <strong>Resumo<\/strong> mostra os detalhes da fatura do servi\u00e7o e suas informa\u00e7\u00f5es de cobran\u00e7a. Confirme e clique em <strong>Criar banco de dados<\/strong>.<\/li>\n<\/ol>\n<h3>Como configurar o ambiente do Laravel<\/h3>\n<p>Para configurar o ambiente Laravel na Hospedagem de Aplicativos da Kinsta, voc\u00ea deve seguir os seguintes passos Siga estas etapas:<\/p>\n<ol start=\"1\">\n<li>Clique em <strong>Aplicativos<\/strong> na barra lateral esquerda do MyKinsta e, em seguida, clique em <strong>Adicionar aplicativo<\/strong>.<\/li>\n<li>Escolha o reposit\u00f3rio do seu aplicativo, ative a implanta\u00e7\u00e3o autom\u00e1tica no commit, insira o <strong>nome do aplicativo<\/strong> e selecione o <strong>local do centro de dados<\/strong>. Seu aplicativo e banco de dados devem estar na mesma regi\u00e3o.<\/li>\n<li>Em seguida, insira suas <strong>vari\u00e1veis de ambiente<\/strong>. Digite <code>APP_KEY<\/code> no campo <strong>Key 1<\/strong>. Use o <a href=\"https:\/\/generate-random.org\/laravel-key-generator\" target=\"_blank\" rel=\"noopener noreferrer\">gerador on-line do Laravel<\/a> para criar uma chave para o <strong>Valor 1<\/strong>. Clique em <strong>Continuar<\/strong>.<\/li>\n<li>Na aba <strong>Ambiente de build<\/strong>, selecione <strong>Usar Buildpacks para configurar a imagem do cont\u00eainer<\/strong>. Essa op\u00e7\u00e3o permite que voc\u00ea escolha os Buildpacks mais tarde.<\/li>\n<li>Na aba <strong>Recursos<\/strong>, especifique o comando start do seu aplicativo. Como este \u00e9 um aplicativo Laravel, ele usa o seguinte comando:\n<pre><code class=\"language-bash\">php artisan serve --host 0.0.0.0 --port 8080<\/code><\/pre>\n<\/li>\n<li>A aba <strong>Resumo<\/strong> mostra a fatura com seu pod e m\u00e9todo de pagamento. Confirme todas as informa\u00e7\u00f5es e clique em <strong>Criar aplicativo<\/strong>.<\/li>\n<\/ol>\n<p>A implanta\u00e7\u00e3o do seu aplicativo ser\u00e1 iniciada, mas ela ir\u00e1 falhar porque ainda \u00e9 necess\u00e1rio adicionar os Buildpacks necess\u00e1rios durante a build do seu aplicativo Laravel-Inertia.<\/p>\n<h3>Adicione Buildpacks<\/h3>\n<ol start=\"1\">\n<li>No menu do lado esquerdo do seu aplicativo, clique em <strong>Configura\u00e7\u00f5es<\/strong>.<\/li>\n<li>Em seguida, clique na aba <strong>build<\/strong> e em <strong>Adicionar buildpack<\/strong> para adicionar os buildpacks <strong>Node.js<\/strong> e <strong>PHP.<\/strong> Adicione os Buildpacks que cont\u00eam a \u00faltima linguagem principal \u00e0 lista de Buildpacks para garantir que o Buildpacks espec\u00edfico da linguagem tenha preced\u00eancia sobre a configura\u00e7\u00e3o geral do ambiente do aplicativo.<\/li>\n<li>Clique em <strong>Adicionar Buildpacks<\/strong> e adicione os Buildpacks do Node.js e do PHP. Certifique-se de que o Buildpacks da linguagem principal (PHP) seja adicionado por \u00faltimo.\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:\/\/kinqsta.com\/wp-content\/uploads\/2024\/02\/add-buildback.png\" alt=\"Adicionando Buildpack para o aplicativo Laravel-Inertia.\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Adicionando Buildpack para o aplicativo Laravel-Inertia.<\/figcaption><\/figure><\/li>\n<li>Clique em <strong>Implantar<\/strong> na barra lateral e clique em <strong>Reimplantar<\/strong>.<\/li>\n<\/ol>\n<h3>Configure o ambiente do Node.js<\/h3>\n<ol start=\"1\">\n<li>O aplicativo Laravel-Inertia precisa do script Vite para que a p\u00e1gina seja atualizada sem recarregar. Portanto, no menu do lado esquerdo de sua conta Kinsta, clique em <strong>Processes (Processos)<\/strong>.<\/li>\n<li>Na se\u00e7\u00e3o <strong>Processos Runtime<\/strong>, clique em <strong>Criar processo<\/strong>. Escolha <strong>Background worker<\/strong> como o <strong>tipo<\/strong> de processo e adicione os seguintes comandos:\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:\/\/kinqsta.com\/wp-content\/uploads\/2024\/02\/process-app.png\" alt=\"Criando comando start do Node.js para o aplicativo Laravel-Inertia.\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Criando comando start do Node.js para o aplicativo Laravel-Inertia.<\/figcaption><\/figure>\n<p>D\u00ea ao processo o nome que voc\u00ea quiser para identific\u00e1-lo na Kinsta, como &#8220;Node&#8221;. Al\u00e9m disso, selecione o <strong>tamanho do pod<\/strong> e a <strong>contagem de inst\u00e2ncias<\/strong> com base nas necessidades e no or\u00e7amento do seu aplicativo. Este tutorial usa 2 CPUs com 8 GB de RAM.<\/li>\n<li>Clique em <strong>Continuar<\/strong> para criar seu processo. Essa a\u00e7\u00e3o aciona uma reimplanta\u00e7\u00e3o.<\/li>\n<\/ol>\n<h3>Configure o ambiente do banco de dados<\/h3>\n<ol start=\"1\">\n<li>Na p\u00e1gina <strong>Configura\u00e7\u00f5es<\/strong>, na aba <strong>Conex\u00f5es<\/strong>, voc\u00ea deve ver <strong>Aplicativos permitidos<\/strong>. Clique em <strong>Adicionar conex\u00e3o<\/strong> para adicionar o banco de dados como uma conex\u00e3o.<\/li>\n<li>Selecione o banco de dados. Abaixo dele, marque <strong>Adicionar vari\u00e1veis de ambiente para acessar o banco de dados<\/strong>. Essa a\u00e7\u00e3o preenche automaticamente todas as vari\u00e1veis de ambiente do banco de dados.<\/li>\n<li>Edite as chaves das vari\u00e1veis para corresponderem ao arquivo <strong>database.php<\/strong> do seu aplicativo, que est\u00e1 na pasta de <strong>configura\u00e7\u00e3o <\/strong>na raiz do aplicativo.<\/li>\n<li>Modifique as chaves do Laravel <strong>DB_DATABASE<\/strong>, <strong>DB_USERNAME<\/strong> e <strong>DATABASE_URL<\/strong>, como na captura de tela a seguir:\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:\/\/kinqsta.com\/wp-content\/uploads\/2024\/02\/environment-variables.png\" alt=\"Adicionando vari\u00e1veis de ambiente e modificando as chaves.\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Adicionando vari\u00e1veis de ambiente e modificando as chaves.<\/figcaption><\/figure><\/li>\n<li>Adicione outra vari\u00e1vel de ambiente chamada <strong>APP_URL<\/strong>. Seu valor \u00e9 a URL de implanta\u00e7\u00e3o do aplicativo. Voc\u00ea pode obter essas informa\u00e7\u00f5es em <strong>Dom\u00ednios<\/strong> no menu lateral.<\/li>\n<\/ol>\n<h3>Migra\u00e7\u00e3o do banco de dados<\/h3>\n<ol start=\"1\">\n<li>No menu lateral, clique em <strong>Processos<\/strong>.<\/li>\n<li>Na se\u00e7\u00e3o <strong>Processos Runtime<\/strong>, clique em <strong>Criar processo<\/strong>.<\/li>\n<li>Nomeie o processo como &#8220;Migra\u00e7\u00e3o&#8221;. Selecione o tipo <strong>Background worker<\/strong>. Cole o seguinte comando no campo <strong>Iniciar comando<\/strong>:\n<pre><code class=\"language-bash\">php artisan migrate:fresh --seed --force<\/code><\/pre>\n<p>Esse comando migra a tabela <strong>Article<\/strong> e adiciona dez artigos ao aplicativo. Seus processos devem se parecer com a seguinte captura de tela, com os processos Node, Migration e Web e seus detalhes.<\/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:\/\/kinqsta.com\/wp-content\/uploads\/2024\/02\/runtime-processes.png\" alt=\"Processos Runtime ao implantar o aplicativo Laravel-Inertia.\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Processos Runtime ao implantar o aplicativo Laravel-Inertia.<\/figcaption><\/figure><\/li>\n<li>No menu lateral, selecione <strong>Implanta\u00e7\u00f5es<\/strong>. Clique em <strong>\u00daltima implanta\u00e7\u00e3o<\/strong>. Voc\u00ea dever\u00e1 ver uma p\u00e1gina como a seguinte, com um t\u00edtulo e uma lista de artigos com texto e imagens de espa\u00e7o reservado.\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:\/\/kinqsta.com\/wp-content\/uploads\/2024\/02\/demo-app-complete.png\" alt=\"O aplicativo Laravel-Inertia foi implantado com sucesso na Kinsta.\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">O aplicativo Laravel-Inertia foi implantado com sucesso na Kinsta.<\/figcaption><\/figure><\/li>\n<\/ol>\n<h2>Como monitorar e manter o aplicativo ap\u00f3s a implanta\u00e7\u00e3o<\/h2>\n<p>Depois de implantar seu aplicativo, voc\u00ea pode ter problemas com o aumento das solicita\u00e7\u00f5es. A <a href=\"https:\/\/docs.sevalla.com\/applications\/analytics\">an\u00e1lise de aplicativos da Kinsta<\/a> ajuda voc\u00ea a monitorar essas altera\u00e7\u00f5es e a manter a integridade do seu aplicativo.<\/p>\n<p>A an\u00e1lise mostra recursos, desempenho e solicita\u00e7\u00f5es HTTP para que voc\u00ea tenha uma ideia de como o aplicativo funciona. Voc\u00ea pode observar rapidamente quando seu aplicativo precisa de mais recursos nos quadros de monitoramento da aba Desempenho e, em seguida, aumentar ou diminuir a escala conforme necess\u00e1rio.<\/p>\n<p><a href=\"https:\/\/docs.sevalla.com\/applications\/runtime-logs\">Os registros de runtime<\/a> tamb\u00e9m ajudam a sua equipe a depurar problemas rapidamente. Voc\u00ea pode encontrar a origem do problema nas entradas de registro, o que facilita a manuten\u00e7\u00e3o do aplicativo.<\/p>\n<h2>Como solucionar problemas comuns de implanta\u00e7\u00e3o<\/h2>\n<p>Voc\u00ea pode encontrar alguns problemas ao implantar seu aplicativo Laravel-Inertia na Kinsta. Vamos discutir quais s\u00e3o esses problemas e como solucion\u00e1-los.<\/p>\n<p>Primeiro, a Kinsta adiciona um caractere especial \u00e0 senha gerada quando voc\u00ea cria um banco de dados. Isso pode causar erros de revers\u00e3o quando voc\u00ea conecta o banco de dados ao seu aplicativo Laravel-Inertia. Para solucionar esse problema, use sua senha em vez de confiar nas senhas geradas.<\/p>\n<p>Falhas de implanta\u00e7\u00e3o com auto-commit s\u00e3o outro problema t\u00edpico. A implanta\u00e7\u00e3o pode falhar se voc\u00ea especificar o comando start incorreto. Para resolver esse problema, verifique se seus processos t\u00eam erros de digita\u00e7\u00e3o ou est\u00e3o atribu\u00eddos incorretamente a um tipo de processo.<\/p>\n<h2>Resumo<\/h2>\n<p>Agora voc\u00ea sabe como implantar um aplicativo Laravel e Inertia na Kinsta. Isso envolve a defini\u00e7\u00e3o de Buildpacks e comando start para configurar o aplicativo, criar um banco de dados e, em seguida, conectar e migrar o banco de dados para fornecer dados ao aplicativo.<\/p>\n<p>A combina\u00e7\u00e3o do Laravel e do Inertial permite que voc\u00ea conecte seu aplicativo e banco de dados sem configurar manualmente uma API, economizando tempo e energia que voc\u00ea pode usar para criar novos recursos interessantes para o aplicativo.<\/p>\n<p>A Kinsta hospeda seu aplicativo e seu banco de dados. Voc\u00ea tamb\u00e9m pode usar as conex\u00f5es externas do seu banco de dados para se conectar a um aplicativo que est\u00e1 sendo executado fora da Kinsta. 27 centros de dados ajudam a oferecer servi\u00e7os mais pr\u00f3ximos aos usu\u00e1rios do seu aplicativo, reduzindo a lat\u00eancia enquanto oferecem uma infraestrutura de implanta\u00e7\u00e3o confi\u00e1vel e segura.<\/p>\n<p>Use o que voc\u00ea aprendeu neste tutorial para implantar seu aplicativo din\u00e2mico da web &#8211; ou seu <a href=\"https:\/\/sevalla.com\/database-hosting\/\">banco de dados<\/a> &#8211; na Kinsta. <a href=\"https:\/\/kinqsta.com\/pt\/inscreva-se\/\">Comece sua jornada de implanta\u00e7\u00e3o com a Kinsta hoje mesmo<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O Laravel, \u00e9 um robusto framework PHP, e Inertia.js, uma din\u00e2mica biblioteca JavaScript, colaboram de forma integrada para acelerar o desenvolvimento de aplicativos. Laravel simplifica tarefas &#8230;<\/p>\n","protected":false},"author":199,"featured_media":67774,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[984],"class_list":["post-67773","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>Implante Laravel com Inertia.js na Kinsta - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Descubra como implantar de maneira descomplicada aplicativos Laravel com Inertia.js na plataforma de Hospedagem de Aplicativos da Kinsta com este guia completo!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Implante Laravel com Inertia.js na Plataforma de Hospedagem de Aplicativos da Kinsta\" \/>\n<meta property=\"og:description\" content=\"Descubra como implantar de maneira descomplicada aplicativos Laravel com Inertia.js na plataforma de Hospedagem de Aplicativos da Kinsta com este guia completo!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-04T09:11:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T20:00:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/master-state-management-in-vue-js-with-pinia.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=\"Descubra como implantar de maneira descomplicada aplicativos Laravel com Inertia.js na plataforma de Hospedagem de Aplicativos da Kinsta com este guia completo!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/master-state-management-in-vue-js-with-pinia.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Implante Laravel com Inertia.js na Plataforma de Hospedagem de Aplicativos da Kinsta\",\"datePublished\":\"2024-04-04T09:11:56+00:00\",\"dateModified\":\"2025-10-01T20:00:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/\"},\"wordCount\":1667,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg\",\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/\",\"name\":\"Implante Laravel com Inertia.js na Kinsta - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg\",\"datePublished\":\"2024-04-04T09:11:56+00:00\",\"dateModified\":\"2025-10-01T20:00:31+00:00\",\"description\":\"Descubra como implantar de maneira descomplicada aplicativos Laravel com Inertia.js na plataforma de Hospedagem de Aplicativos da Kinsta com este guia completo!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Laravel\",\"item\":\"https:\/\/kinqsta.com\/pt\/topicos\/laravel\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Implante Laravel com Inertia.js na Plataforma de Hospedagem de Aplicativos da Kinsta\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"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:\/\/kinqsta.com\/pt\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/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:\/\/kinqsta.com\/pt\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Implante Laravel com Inertia.js na Kinsta - Kinsta\u00ae","description":"Descubra como implantar de maneira descomplicada aplicativos Laravel com Inertia.js na plataforma de Hospedagem de Aplicativos da Kinsta com este guia completo!","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:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/","og_locale":"pt_PT","og_type":"article","og_title":"Implante Laravel com Inertia.js na Plataforma de Hospedagem de Aplicativos da Kinsta","og_description":"Descubra como implantar de maneira descomplicada aplicativos Laravel com Inertia.js na plataforma de Hospedagem de Aplicativos da Kinsta com este guia completo!","og_url":"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2024-04-04T09:11:56+00:00","article_modified_time":"2025-10-01T20:00:31+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/master-state-management-in-vue-js-with-pinia.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Descubra como implantar de maneira descomplicada aplicativos Laravel com Inertia.js na plataforma de Hospedagem de Aplicativos da Kinsta com este guia completo!","twitter_image":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/master-state-management-in-vue-js-with-pinia.jpg","twitter_creator":"@kinsta_pt","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Jeremy Holcombe","Tempo estimado de leitura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Implante Laravel com Inertia.js na Plataforma de Hospedagem de Aplicativos da Kinsta","datePublished":"2024-04-04T09:11:56+00:00","dateModified":"2025-10-01T20:00:31+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/"},"wordCount":1667,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg","inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/","url":"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/","name":"Implante Laravel com Inertia.js na Kinsta - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg","datePublished":"2024-04-04T09:11:56+00:00","dateModified":"2025-10-01T20:00:31+00:00","description":"Descubra como implantar de maneira descomplicada aplicativos Laravel com Inertia.js na plataforma de Hospedagem de Aplicativos da Kinsta com este guia completo!","breadcrumb":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/#primaryimage","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/03\/master-state-management-in-vue-js-with-pinia-1.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/pt\/blog\/laravel-inertia-na-kinsta\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Laravel","item":"https:\/\/kinqsta.com\/pt\/topicos\/laravel\/"},{"@type":"ListItem","position":3,"name":"Implante Laravel com Inertia.js na Plataforma de Hospedagem de Aplicativos da Kinsta"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/pt\/#website","url":"https:\/\/kinqsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","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:\/\/kinqsta.com\/pt\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/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:\/\/kinqsta.com\/pt\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/67773","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/comments?post=67773"}],"version-history":[{"count":6,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/67773\/revisions"}],"predecessor-version":[{"id":67899,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/67773\/revisions\/67899"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67773\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67773\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67773\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67773\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67773\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67773\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67773\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67773\/translations\/es"},{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/67773\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media\/67774"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media?parent=67773"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/tags?post=67773"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/topic?post=67773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}