https://github.com/glaucia86/astro-swa-demo
Repositório responsável pela demo com o novo framework Astro.build com deployment usando o Azure Static Web Apps CLI
https://github.com/glaucia86/astro-swa-demo
Last synced: 5 months ago
JSON representation
Repositório responsável pela demo com o novo framework Astro.build com deployment usando o Azure Static Web Apps CLI
- Host: GitHub
- URL: https://github.com/glaucia86/astro-swa-demo
- Owner: glaucia86
- License: mit
- Created: 2021-07-23T03:38:19.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-08-09T00:26:02.000Z (about 4 years ago)
- Last Synced: 2025-04-01T00:39:12.845Z (6 months ago)
- Language: Astro
- Size: 20.6 MB
- Stars: 6
- Watchers: 2
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Aplicação Portfolio com Astro Build + SWA CLI + GitHub Actions
[](https://postimg.cc/DJQjyJzx)
Repositório responsável pela demo com o novo framework **[Astro Build](https://astro.build/)** com deployment usando o **[SWA CLI](https://github.com/Azure/static-web-apps-cli)**.
O artigo relacionado a essa demo, vocês podem encontrar **[AQUI](https://dev.to/glaucia86/criando-aplicacoes-com-astro-build-azure-static-web-cli-39nb)**!
## 🚀 Recursos Utilizados
- **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=javascript-34087-gllemos)**
- **[Extension Azure Static Web Apps](https://docs.microsoft.com/pt-br/azure/static-web-apps/front-end-frameworks)**
- **[GitHub Actions](https://help.github.com/pt/actions)**
- **[Node.Js](https://nodejs.org/en/)**
- **[Astro Build](https://astro.build/)**
- **[SWA CLI](https://github.com/Azure/static-web-apps-cli)**
## 🔥 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: `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.
#### 💨 Executando a Aplicação
Bom, agora na mesma tela do cmd, basta iniciar o server para o projeto ser executado localmente.
```
> npm run start
```
## 📣 Demo da Aplicação
Caso vocês desejam visualizar o site ao vivo, podem acessar **[AQUI](https://yellow-grass-008f2c710.azurestaticapps.net/)**
## 📌 Links & Recursos Importantes
Abaixo seguem alguns links e recursos importantes sobre SWA e GitHub Actions:
- ✅ **[Documentação Oficial do Azure Static Web Apps
](https://docs.microsoft.com/azure/static-web-apps/?WT.mc_id=javascript-34087-gllemos)**
- ✅ **[Curso Grátis - Publique uma Aplicação Estática no Angular, React, Vue ou Javascript & API](https://docs.microsoft.com/pt-br/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=javascript-34087-gllemos)**
- ✅ **[Curso Grátis - Crie e Publique um site estático com Gatsby](https://docs.microsoft.com/pt-br/learn/modules/create-deploy-static-webapp-gatsby-app-service/?WT.mc_id=javascript-34087-gllemos)**
- ✅ **[Implementando Azure Static Web Apps no Gatsby](https://docs.microsoft.com/azure/static-web-apps/publish-gatsby/?WT.mc_id=javascript-34087-gllemos)**
- ✅ **[Implementando Azure Static Web Apps no Hugo](https://docs.microsoft.com/azure/static-web-apps/publish-hugo/?WT.mc_id=javascript-34087-gllemos)**
- ✅ **[Implementando Azure Static Web Apps no VuePress](https://docs.microsoft.com/azure/static-web-apps/publish-vuepress/?WT.mc_id=javascript-34087-gllemos)**
- ✅ **[Implementando Azure Static Web Apps no Next.js](https://docs.microsoft.com/pt-br/azure/static-web-apps/deploy-nextjs/?WT.mc_id=javascript-34087-gllemos)**
- ✅ **[Implementando Azure Static Web Apps no Nuxt.js](https://docs.microsoft.com/azure/static-web-apps/deploy-nuxtjs/?WT.mc_id=javascript-34087-gllemos)**
- ✅ **[Implementando Azure Static Web Apps no Jekyll](https://docs.microsoft.com/pt-br/azure/static-web-apps/publish-jekyll/?WT.mc_id=javascript-34087-gllemos)**
- ✅ **[Artigo dev.to - Realize Deploy Automático de Projetos Estáticos com Azure Static Web Apps!](https://dev.to/azure/realize-deploy-automatico-de-projetos-estaticos-com-azure-static-web-apps-2nfj)**
- ✅ **[Curso Microsoft Learn - Publicando uma aplicação e API JavaScript do Angular, React, Svelte ou Vue com Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api?WT.mc_id=javascript-34087-gllemos)**
- ✅ **[Curso Microsoft Learn - Criando e publicando uma aplicação Web estático com o Gatsby e Azure
Static Web Apps](https://docs.microsoft.com/learn/modules/create-deploy-static-webapp-gatsby-app-service?WT.mc_id=javascript-34087-gllemos)**
- ✅ **[Compilando fluxos de trabalho de integração contínua (CI) com o GitHub Actions](https://docs.microsoft.com/learn/modules/github-actions-ci/?WT.mc_id=javascript-34087-gllemos)**
- ✅ **[Criando Projeto no Vue-Cli](https://cli.vuejs.org/guide/creating-a-project.html#using-the-gui)**
- ✅ **[Crie sua primeira aplicação Vue.js no Visual Studio](https://docs.microsoft.com/visualstudio/javascript/quickstart-vuejs-with-nodejs?view=vs-2019&WT.mc_id=javascript-34087-gllemos)**
- ✅ **[Vue.js no Visual Studio Code](https://code.visualstudio.com/docs/nodejs/vuejs-tutorial?WT.mc_id=javascript-34087-gllemos)**
- ✅ **[Azure para desenvolvedores de JavaScript e Node.js](https://docs.microsoft.com/javascript/azure/?view=azure-node-latest&WT.mc_id=javascript-34087-gllemos)**
## 🚩 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](https://github.com/glaucia86/astro-swa-demo/issues)**. Assim que possível, estarei respondendo as todas as dúvidas que tiverem!