Repositório responsável pela demo com o novo framework Astro Build com deployment usando o SWA CLI.
O artigo relacionado a essa demo, vocês podem encontrar AQUI!
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: astro-demo)
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 start
Caso vocês desejam visualizar o site ao vivo, podem acessar AQUI
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!