Olá, estou tentando deployar minhar aplicação para o heroku mas não estou conseguindo, tive como base o projeto do curso. Alguém pode me informar o processo para fazer da maneira correta?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Olá, estou tentando deployar minhar aplicação para o heroku mas não estou conseguindo, tive como base o projeto do curso. Alguém pode me informar o processo para fazer da maneira correta?
Difícil dizer, porque cada host possui suas regras de deploy. Aliás, até onde eu sei, o heroku tem um bom suporte, sugiro entrar em contato com eles.
Porém, se você compartilhar mais informações sobre o problema, pode ser que eu e outros alunos do fórum possam lhe ajudar.
Qual erro acontece?
Eu precisei adicionar a seguinte configuração:
devServer: {
disableHostCheck: true
},no webpack.config. pois estava mosntrando o seguinte erro: "invalid host header".
no package.json adicionei a seguinte linha:
"start": "webpack-dev-server --port $PORT --host 0.0.0.0 "porém com essa configuração não consigo subir o projeto localmente. Com as configurações conseguir fazer deploy no heroku, porém queria algo mais genérico que não apresentasse problema localmente.
Vale a pena eu esclarecer um ponto. Jamais, em hipótese alguma o dev server deve ser usado em produção. O nome já diz "dev server". Ele é para ser usado em tempo de desenvolvimento, é uma ferramenta. O que você coloca em produção é o resultado do build do seu projeto em um servidor que você escolher. Esse é o ponto que o esta travando.
Tudo bem, porém se eu retiro ocorre erro no deploy: "Invalid host header"
Você esta subindo para o servidor apenas o conteúdo da pasta dist, resultado do build do projeto? É isso que você deve subir e mais nada, todo o restante é ferramental de desenvolvimento.
O conteúdo da pasta dist precisa estar hospedado em um servidor estático da sua escolha, Php, Java, Node, etc. Essa escolha é feita por você.
Veja um exemplo do conteúdo da pasta dist:
Conteúdo da pasta dist:
0.bundle.js
f4769f9bdb7466be65088239c12046d1.eot
448c34a56d699c29117adc64c43affeb.woff2
fa2772327f55d8198301fdb8bcfc8158.woff
89889688147bd7575d6327160d64e760.svg
index.html
bundle.js
styles.css
e18bbf611f2a2e43afc071aa2f4e1512.ttf
vendor.bundle.jsWebpack é um module bundler, durante o curso aprendemos a fazer o build de produção. É o resultado do buid de produção (resultado do npm run build-prod) que você deve colocar no seu servidor de preferência e na sua hospedagem de preferência. O Node.js utilizado no projeto é só para ambiente de desenvolvimento.
Entendi. Obrigado!