Repositório responsável pela demo desenvolvida para fins de ensinar como realizar deploy automático e integrado usando o Azure Static Web Apps e GitHub Actions
- Visual Studio Code
- Deploy Static Web Apps
- GitHub Actions
- Node.Js
- Semantic UI
- SweetAlert 2
- Vue.js
- Vue CLI
- Extensões Vue.js Usadas no Projeto
Caso você deseja executar o projeto na sua máquina local, basta seguir os passos abaixo:
Para começar, você deve simplesmente clonar o repositório do projeto na sua máquina e instalar as dependências.
Abre o cmd (caso esteja utilizando o Windows) e digite a path do seu projeto
cd "C:\Users\NomeDoComputador\Documents\..."
Depois, quando estiver na pasta do projeto, basta digitar no cmd a seguinte instrução: (dentro da pasta: todo-list)
npm install
Ao digitar a instrução acima, automaticamente ele irá baixar todas as dependências listadas e definidas no arquivo package.json:
node_modules- que contêm os packages do npm que precisará para o projeto.
Bom, agora na mesma tela do cmd, basta iniciar o server para o projeto ser executado localmente.
> npm run serve
Abaixo seguem alguns links e recursos importantes sobre SWA e GitHub Actions:
- ✅ Documentação Oficial do Azure Static Web Apps
- ✅ Curso Grátis - Publique uma Aplicação Estática no Angular, React, Vue ou Javascript & API
- ✅ Curso Grátis - Crie e Publique um site estático com Gatsby
- ✅ Implementando Azure Static Web Apps no Gatsby
- ✅ Implementando Azure Static Web Apps no Hugo
- ✅ Implementando Azure Static Web Apps no VuePress
- ✅ Implementando Azure Static Web Apps no Next.js
- ✅ Implementando Azure Static Web Apps no Nuxt.js
- ✅ Implementando Azure Static Web Apps no Jekyll
- ✅ Artigo dev.to - Realize Deploy Automático de Projetos Estáticos com Azure Static Web Apps!
- ✅ Curso Microsoft Learn - Publicando uma aplicação e API JavaScript do Angular, React, Svelte ou Vue com Azure Static Web Apps
- ✅ Curso Microsoft Learn - Criando e publicando uma aplicação Web estático com o Gatsby e Azure Static Web Apps
- ✅ Compilando fluxos de trabalho de integração contínua (CI) com o GitHub Actions
- ✅ Criando Projeto no Vue-Cli
- ✅ Crie sua primeira aplicação Vue.js no Visual Studio
- ✅ Vue.js no Visual Studio Code
- ✅ Azure para desenvolvedores de JavaScript e Node.js
Caso tenham dúvidas aos códigos dos projetos relacionados aos workshops, sintam-se a vontade em abrir uma ISSUE AQUI. Assim que possível, estarei respondendo as todas as dúvidas que tiverem!