You are browsing Nuxt 2 docs. Go to Nuxt 3 docs, or learn more about Nuxt 2 Long Term Support.

Translated page Contents of this page might be outdated.
Read the original page Improve translation of this page

Desdobrar uma aplicação Nuxt no Heroku

Como desdobrar uma aplicação Nuxt no Heroku?

Nós recomendamos que você leia a documentação do Heroku para Node.js .

Assista uma aula gratuita Como desdobrar uma aplicação Nuxt no Heroku na Vue School

Você pode definir e configurar a sua aplicação através do painel do controlo do Heroku ou da Heroku CLI .

Primeiro, nós criamos nossa aplicação. Depois adicionamos o pacote de construção(buildpack) do Node.js e configura a aplicação para ouvir no hospedeiro 0.0.0.0:

heroku create myapp
heroku buildpacks:set heroku/nodejs
heroku config:set HOST=0.0.0.0

A secção de definições da sua aplicação no painel de controlo do Heroku deve conter isso:

nuxt config vars Heroku

Finalmente, nós podemos empurrar a aplicação no Heroku com:

git push heroku master

Para desdobrar um ramo que não seja a master para o Heroku use:

git push heroku develop:master

onde develop é o nome do seu ramo.

Você pode opcionalmente configurar automaticamente os processos de desdobramento a partir de uma ramo selecionada do repositório do GitHub da sua aplicação dentro da secção Deploy (Desdobrar) da sua aplicação dentro do painel de controlo do Heroku.

Voilà! Sua aplicação Nuxt está agora hospedada no Heroku!