VueJS

Vue.js é um framework progressivo de JavaScript para construir interfaces de usuário. Sua curva de aprendizado é suave e seu sistema de reatividade permite escrever componentes declarativos com muito pouco código repetido.

Este Stack serve uma aplicação Vue.js sem banco de dados: é o ponto de partida para um frontend que consome APIs externas ou que ainda não precisa de persistência própria.

Serviços que incluye

Além da sua aplicação, o Stack inicia um nginx que recebe o tráfego na porta 80, um serviço de backups automáticos e o gerenciador de arquivos web.

Estrutura do projeto

.
├── backup
│   └── backup-runner.sh
├── nginx
│   └── default.conf
├── vuejs
│   ├── public
│   │   ├── favicon.ico
│   │   ├── index.html
│   │   └── status.json
│   ├── src
│   │   ├── ...
│   │   ├── App.vue
│   │   └── main.js
│   ├── Dockerfile
│   ├── babel.config.js
│   ├── package-lock.json
│   ├── package.json
│   └── yarn.lock
├── .env.example
└── compose.yaml

Colocando em funcionamento

Instale o Stack e inicie-o:

docker-deploy-stack --stack javascript/vuejs
cd /root/stack/javascript/vuejs
docker compose up -d

Depois substitua a aplicação de exemplo pela sua, via Git, por SFTP ou pelo gerenciador de arquivos web, seguindo como-despliego-una-aplicacion-en-un-stack.md. Seu código vai na pasta app/.

Sempre que atualizar o código, aplique as mudanças:

docker compose up -d --build

Configuração

Os valores editáveis estão no arquivo .env do Stack:

Após alterá-lo, aplique as mudanças com docker compose up -d.

Comandos úteis

docker compose ps          # ver os contêineres que estão em execução
docker compose logs -f     # ver os logs ao vivo
docker compose restart     # reiniciar os serviços
docker compose down        # parar e remover os contêineres