Ao final teremos uma aplicação React.js estática publicada no Azure Storage de maneira profissional utilziando recursos da Azure e do Azure DevOps, custando centavos mensalmente. Apresentado por Wilson Neto.

Nesta aula utilizamos o template "React Material UI Devias Kit", um template gratuito feito pela agência Devias, utilizado aqui apenas como exemplo de uma aplicação React.js totalmente estática (https://material-ui.com/store/items/devias-kit/).

1. Basta baixar usando
   git clone https://github.com/wilsonneto-dev/Azure-DevOps-Pipelines-Static-React-App-To-Azure-2022.git
2. Instalar as dependências
   npm i
3. Para executar executar
   npm start

Nesta aula vou te mostrar o passso sobre como publicar suas aplicações SPAs/estáticas com o menor custo possível utilizando o Azure Blob Storage. Além de implmentarmos o fluxo completo e automatizado de continous deployment com Azure DevOps.

Atualmente com as aplicações SPAs e os frameworks modernos dominando o cenário do desenvolvimento frontent a demanda é cada vez maior por publicarmos aplicações 100% estáticas que irão consumir API que estarão em outros servidores. Já vi muitos projetos utilizando servidores PaaS, containers ou mesmo máquinas virtuais para hospedarem SPAs, que poderiam estar em hospedagens estáticas como Azure Blob Storage ou AWS S3, e a publicação destas aplicações sem ser em hospedagens estáticas acarreta em custos muito maiores e desnecessários.

• Link Azure:
  https://portal.azure.com/

• Links tema utilizado no exemplo:
  https://material-ui.com/store/items/devias-kit/

• Azure DevOps: https://dev.azure.com/

• Form de Solicitação de Minutos Frees no Azure DevOps: https://forms.office.com/pages/responsepage.aspx?id=v4j5cvGGr0GRqy180BHbR63mUWPlq7NEsFZhkyH8jChUMlM3QzdDMFZOMkVBWU5BWFM3SDI2QlRBSC4u

Creator