Aplicação Todo List Vue.js 2 com SWA + GitHub Actions

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

🚀 Recursos Utilizados

• 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
  • Vue 2 Snippets:
  • Vetur
  • Vue
  • Vue VSCode Snippets

🔥 Executando Localmente a Aplicação

Caso você deseja executar o projeto na sua máquina local, basta seguir os passos abaixo:

🌀 Começando...

Para começar, você deve simplesmente clonar o repositório do projeto na sua máquina e instalar as dependências.

❗️ Instalando as Dependências (via Windows):

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.

💨 Executando a Aplicação

Bom, agora na mesma tela do cmd, basta iniciar o server para o projeto ser executado localmente.

> npm run serve

Links & Recursos Importantes

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

🚩 Tenho Dúvidas... O que fazer?

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!