Deploy de projeto Angular no Netlify | Tutorial

Поділитися
Вставка
  • Опубліковано 9 вер 2024
  • Nesse video eu te mostro como fazer o deploy do seu projeto Angular no Netlify de forma simples e rápida utilizando o GitHub!
    Site do Netlify: www.netlify.com/
    Se conecte comigo nas redes sociais: thicode.netlif...

КОМЕНТАРІ • 62

  • @francilvanlima
    @francilvanlima Рік тому +23

    Quem for fazer agora como eu rsrs
    A partir do Angular CLI versão 6, a opção --prod foi substituída pela opção --configuration para especificar o perfil de compilação. Portanto, para fazer uma compilação em modo de produção, você deve usar o comando
    ng build --configuration=production.
    .
    Obrigado Thiago me ajudou muito cara! Valeu! Sucesso!

  • @marlene-moraes
    @marlene-moraes 2 роки тому +9

    2:28 Thiago é totalmente necessário, porque ele ainda explica algo muito importante que geral ignora. AMO

  • @user-ru4vv3dv8m
    @user-ru4vv3dv8m Рік тому +6

    Galera que vai chegando agora, para mim funcionou.
    Mas precisei fazer uma alteração, o comando ng build --prod pelo comando:
    ng build --configuration production
    No próprio Visual Studio Code e na netlify.
    Espero ter ajudado!

    • @GabrielLima-rm4wv
      @GabrielLima-rm4wv Рік тому

      Massa!! Aqui também foi necessário utilizar esses comandos, obrigado por compartilhar!

    • @marcio8412
      @marcio8412 Рік тому

      Por gentileza v saberia qual o command build que colocaria para uma alicacao feita em java? meu arquivo esta com .war. Obrigado.

  • @mpgwave
    @mpgwave 3 місяці тому +1

    Muito bom o vídeo! Estava precisando buildar meu site para testes e foi tranquilo. valeu!

  • @viniciusbarbosa8051
    @viniciusbarbosa8051 2 роки тому +3

    Muito bom Thiago, gosto muito das suas aulas desde o bootcamp da Generation e agora no UA-cam.

    • @thi_code
      @thi_code  2 роки тому

      Booa mano! Seja bem vindo!

  • @ivambergsilva591
    @ivambergsilva591 Рік тому +2

    Conheci o seu canal hoje e gostei demais. Principalmente pela atenção que deu ao nome anterior da branch main. Parabéns. Didática muito boa!!

  • @carolineatrindade8540
    @carolineatrindade8540 2 роки тому +1

    Excelente conteúdo, gosto muito das suas aulas! Obrigada por compartilhar!

  • @tejotafaccipieri
    @tejotafaccipieri 3 роки тому +2

    Netlify é vida demais... e mandou bem demais no exemplo... só no aguardo de mais do tipo hein.. 😁

  • @iaebahea2971
    @iaebahea2971 10 місяців тому +1

    Ajudou demais irmão, vlw

  • @Ricardo-Lopes
    @Ricardo-Lopes 3 роки тому +4

    8:50 não necessariamente está errado, basta nas configurações do site no netlify (logo após escolher qual o repositório do projeto) informar qual a pasta que está o projeto no "Base directory". E não esquecer de por em "Publish directory" o nome da pasta com o dist, por exemplo: meuProjeto/dist/meuProjeto e tudo funcionará direitinho.
    Parabéns pelo vídeo.

  • @Oliveira-js
    @Oliveira-js Рік тому

    Thiago salvou mais uma vez muito obrigado por compartilhar seu conhecimento, estou aprendendo muito com você 2:28 foi um ponto muito importante e que comecei a adotar em meus projetos.

  • @pf2010
    @pf2010 Рік тому

    Era exatamente o que procurava. Muito obrigado!!

  • @programer115
    @programer115 3 роки тому +1

    Agora sim, posso por meus projetos pra teste sem problema, obrigado Thiago vc manda bem mano.so não entendo pq vc não tem ainda 1 milhão de inscritos,mais vai ter logo pq seus vídeos são demais mano.

    • @thi_code
      @thi_code  3 роки тому +1

      Logo mais a gente vai chegar! Valeu mano!

  • @brunomotadeoliveira1751
    @brunomotadeoliveira1751 3 роки тому +1

    Muito bom professor!

  • @RobertTavaresbsi
    @RobertTavaresbsi 2 роки тому +2

    MUITO BOM, VIM PELA GEN!!!

    • @thi_code
      @thi_code  2 роки тому

      Boooa mano! Bem vindo 😁

  • @wolenbergsilva
    @wolenbergsilva 3 роки тому +1

    parabens pelo video !! muito bom conteudo

  • @LucasLima-tj9bg
    @LucasLima-tj9bg Рік тому

    Muito bom, me salvou demais!!!!!
    Ta malucooo

  • @marcio8412
    @marcio8412 Рік тому

    Excelente video. Professor vc tem video mostrando com que faz com a aplicacao que tem banco de dados?

  • @dreambarbosa
    @dreambarbosa Рік тому

    ng build --prod foi depreciado agora vcs podem usar o ng build --configuration production

  • @danielantonio9891
    @danielantonio9891 Рік тому

    eu posso fazer deploy com o repositório privado ?

  • @wallacenascimento7766
    @wallacenascimento7766 3 роки тому +1

    Como assim só 380 views ??? Seu conteúdo é muito bom!!!!

  • @AlexSilva-fb3ol
    @AlexSilva-fb3ol 6 місяців тому +1

    Caramba, que conteúdo top. Uma dúvida. O Netfly permite subir uma aplicação angular com .Net core e banco de dados? Estou tendo dificuldades em achar esse tipo de conteúdo.

    • @thi_code
      @thi_code  6 місяців тому

      Mano, lá é só front e node pelo que sei

    • @thi_code
      @thi_code  6 місяців тому +1

      Uma coisa que pode ajudar no Back é dockerizar e subir na ec2 da AWS… tenho playlist de docker aqui no canal e um vídeo desse deploy

  • @jarbassomonet1813
    @jarbassomonet1813 2 роки тому

    poderia fazer um tutorial em angular, esse modelo mesmo

  • @FabianoFigueiredoff
    @FabianoFigueiredoff 2 роки тому +1

    Foi bacana, ajudou muito! Muito obrigado Thiago! Mas eu queria fazer uma pipeline de deploy manualmente. Alguém sabe onde posso encontrar?

  • @wevertonlima2168
    @wevertonlima2168 Рік тому

    Cara você usou alguma biblioteca de estilização? eu fiz uma aplicação e utilizei uma biblioteca de estilização e não está rodando nas partes que utilizei os componentes prontos

  • @eucristina9745
    @eucristina9745 2 роки тому

    salvou em

  • @andre_dias25
    @andre_dias25 3 місяці тому

    Eu estou usando uma api e consumindo ela no service, porém a chave dela eu coloquei no environment.ts na pasta environments dentro de src(também tenho o environment.prod.ts), mas toda vez que tento dar o deploy ele dá esse erro = [ERROR] Could not resolve "src/environments/environment"

    • @bernardoabaurre3961
      @bernardoabaurre3961 13 днів тому

      repete a mesma configuração q vc fez em environment.ts em environment.prod.ts

  • @vitorbarbosa1636
    @vitorbarbosa1636 Рік тому +1

    po cara... fiz exatamente igual o que vc fez e meu deploy deu erro.

    • @thi_code
      @thi_code  Рік тому

      Putz mano, esse video é mais antigo, e a netlify as vezes da uns bugs mesmo...

    • @0000marilena
      @0000marilena Рік тому +1

      o meu estava dando erro também, não sei se resolve ai, mas era no --prod, pois foi removido no Angular 14, então substituir por ng build --configuration production, e deu certinho, excelente vídeo :D

  • @ReiHalequinBr1
    @ReiHalequinBr1 9 місяців тому +1

    video top mano, mesmo sendo antigo sksksk. mas se der pra vc ou alguem responder se tem banco de dados esse site

    • @thi_code
      @thi_code  9 місяців тому

      valeu mano, eu acho que não tem... se você precisar o Render tem

  • @josequintin2467
    @josequintin2467 3 роки тому +3

    Sim é irrelevante. Master e Slave é um conceito que uso (sem perspectiva mudança).

  • @brenorusciolelli
    @brenorusciolelli 2 роки тому

    Mesmo seguindo os passos não foi de jeito nenhum

  • @salvadord.escobedo372
    @salvadord.escobedo372 Рік тому +2

    Mudar master para main é uma palhaçada de GitHub, porque cria a ilusão de que está mudando alguma coisa na maneira de pensar, puro ativismo vazio e inconsequente.

    • @thi_code
      @thi_code  Рік тому +2

      Poxa mano, sinto muito se o Github tornou menos didático seu processo precioso de aprendizagem tirando palavras racistas do software, realmente, você tem razão, o mundo gira ao seu redor e é importante que nada mude para você continuar confortável, aprendendo e se desenvolvendo. Vamos derrubar esse ativismo vazio que foi a escravidão, baita frescura da esquerda comunista, onde já se viu? Não podemos nem subjugar um povo não só com ações, mas também com a cultura (que engloba a gramática), que já vem ativista querer atrapalhar nossa forma de falar e pensar, palhaçada mesmo.

    • @salvadord.escobedo372
      @salvadord.escobedo372 Рік тому +1

      @@thi_code bora então parar de chamar "scrum master" e de chamar de "servos" aos motores a passos, também vamos parar de chamar os conectores "macho e femea" para que vocês não se sentam ofendidos. Cara, usar de analogias não tem nada de errado, porque as git branches não são pessoas. Sabe quem fez alguma coisa contra a escravidão? os filósofos que argumentaram contra, os legisladores que proibiram ela na ley, e os papas que publicaram condenas contra quem traficara escravos, e as pessoas que apoiaram esses decretos. Eles realmente fizeram alguma coisa.

  • @satnakamoto
    @satnakamoto 6 місяців тому

    2:15, babaquice lacradora. 😅

    • @thi_code
      @thi_code  6 місяців тому

      concordo com vc

  • @eduardoalvescanuto7135
    @eduardoalvescanuto7135 7 місяців тому

    Ou seja a partir de agora não devemos mais chamar um mestre de karatê de Master mas Main, ou Principal em português.

    • @thi_code
      @thi_code  7 місяців тому

      Não entendi a pergunta para mim, fui eu que sugeri a mudança ou tenho poder para alterar? Bora gastar o tempo estudando parceiro...

  • @cledersonmaia450
    @cledersonmaia450 2 роки тому +1

    puts,até o MASTER foi politizado.

    • @thi_code
      @thi_code  2 роки тому +6

      Desculpa mano, mas racismo não tem haver com política.

  • @wesleymatos1987
    @wesleymatos1987 6 місяців тому

    Master para Main kkkkk palhaçada 😂🤣