https://github.com/calitb/sample-vuejs
Sample of dockarized VueJS 2, with routes, testing, vuex, apollo client and TailwindCSS. Uses Github Workflow.
https://github.com/calitb/sample-vuejs
docker github-workflow graphql tailwindcss vuejs
Last synced: 2 months ago
JSON representation
Sample of dockarized VueJS 2, with routes, testing, vuex, apollo client and TailwindCSS. Uses Github Workflow.
- Host: GitHub
- URL: https://github.com/calitb/sample-vuejs
- Owner: calitb
- License: mit
- Created: 2020-07-16T05:04:03.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-04-20T17:38:23.000Z (over 2 years ago)
- Last Synced: 2025-04-02T17:51:24.153Z (9 months ago)
- Topics: docker, github-workflow, graphql, tailwindcss, vuejs
- Language: TypeScript
- Homepage: https://calitbvuejs.netlify.app
- Size: 1.74 MB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://app.netlify.com/sites/thirsty-easley-66d0cc/deploys)
# VueJS Sample
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Run production build
```
npm start
```
### Run your unit tests
```
npm run test:unit
```
### Lints and fixes files
```
npm run lint
```
## GraphQL
### Types generation
Write your queries in `./src/queries`, and then run:
```
npx apollo client:codegen [OPTIONS] --target=typescript --includes='./src/queries/**.ts' --no-addTypename --outputFlat './src/types'
```
here are the OPTIONS that must be passed:
```
--endpoint=
# url of GraphQL endpoint
```
## Docker
### Run latest production image
```
docker run --rm -p 80:5000 docker.pkg.github.com/calitb/vuejs-sample/demo
```