Desafio Vue.js referente à aplicação To-Do List, utilizada como tema pela Ootz para validação de conhecimentos nesta stack tecnológica.
A estrutura deste projeto foi gerada com o Nuxt Create App e utiliza em sua construção componentes Vue estilizados com TailwindCSS. Para uma explicação mais aprofundada de como as coisas funcionam, recomenda-se se respaldar na documentação do Vue.js, na documentação do Nuxt.js e na documentação do TailwindCSS.
Embora um requisito comum, sempre vale lembrar: tenha certeza de que o Node está pronto para execução em seu ambiente de desenvolvimento antes de começar. Então, após clonar este repositório, execute em um terminal no diretório raiz do projeto:
npm install
Em seguida, ainda no mesmo terminal, execute:
$ npm run dev
Isto iniciará a aplicação em modo de desenvolvimento. Abra http://localhost:3000 para poder visualizar no navegador. No modo de desenvolvimento, o recurso de recarrega automática (hot reloading) vem habilitado por padrão ao se realizar alterações no código, ou seja, basta realizar alguma mudança e observar o resultado em tempo real no navegador.
Para simular um ambiente de produção real, este projeto utiliza Docker. Garanta que o ambiente de execução esteja com ele adequadamente instalado e executando.
Então, em um terminal no diretório raiz do projeto, execute:
$ npm start
Isto irá subir a imagem Node mais recente, empacotar a solução para distribuição e iniciar um proxy reverso com a imagem Nginx mais recente, servindo a aplicação diretamente em http://localhost/. Ou seja, este mesmo comando pode ser utilizado em sua hospedagem de preferência com suporte a Docker para colocar o ambiente para executar.
Copyright © 2020.
Licenciado nos termos da licença MIT.