Newer
Older
## Site [monnaie-libre.fr](https://monnaie-libre.fr)
> Ceci est le dépôt du générateur du site.
> Pour éditer son contenu, passez par l'admin du site, ou modifier directement les fichiers dans le dépôt du contenu.
### Build Setup
```bash
## install dependencies
$ yarn install
## serve with hot reload at localhost:3000
$ yarn dev
## generate static project
$ yarn generate
```
For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).
## Le back office (netlify)
Ici pour l'instant : https://monnaie-libre-fr.duniter.io/admin
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
### Lancer le back office (netlify)
yarn admin
Puis aller sur http://localhost:3000/admin
### Fichier de configuration
- `static/admin/config.yml` Paramètres de netlify
- `static/admin/index.html` HTML de la page d'administration de netlify
## Design
### Storybook
Idée abandonnée. J'ai installé, configuré et testé. Mais c'est compliqué, et finalement pas super intégré pour vue.js...
### Afficher toutes les `class` de tailwindcss
http://localhost:3000/_tailwind/
Sur cette page, vous pouvez copier une class css en cliquant sur le nom, ou maj+click pour copier plusieurs class.
### Icônes
https://fontawesome.com/icons?m=free
## Docs
- @nuxt/content https://content.nuxtjs.org/fr et https://nuxtjs.org/docs/2.x/directory-structure/content/
- @nuxt/svg https://github.com/nuxt-community/svg-module
- @nuxt/composition-api https://composition-api.nuxtjs.org/
Voir aussi`nuxt.config.js` pour la doc d'autres modules...
## Tailwindcss et Vue
https://tailwindcss.com/
https://play.tailwindcss.com/
### Templates et ressources
https://vuetailwind.com/
https://tailblocks.cc/
https://tailwindcomponents.com/
https://www.tailwindtoolbox.com/
https://mertjf.github.io/tailblocks/
http://blocks.wickedtemplates.com/
https://www.creative-tim.com/learning-lab/tailwind-starter-kit/documentation/download
### Divers
https://maizzle.com
https://vuetensils.stegosource.com/introduction.html
## Generate fake data
Modifier le fichier `test/generate-md-files.js` puis :
node test/generate-md-files.js
Aide faker.js: https://cdn.rawgit.com/Marak/faker.js/master/examples/browser/index.html
# Docker
**Run the nuxt build site in a docker environment**
If you don't got it, run the following command to get the Nginx Docker image:
docker pull nginx
This downloads all the necessary components for the container. Docker will cache these, so when we run the container we don’t need to download the nginx image(s) each time.
Then start our Nginx Docker container with this command:
dk run --rm -d -v $(pwd)/dist:/usr/share/nginx/html -p 80:80 nginx:alpine
Go to [](http://localhost/) !
You can change the port. In the command above, replace `80:80` by `4000:80` and go to [](http://localhost:4000/)
# CI Gitlab
https://blog.logrocket.com/how-to-auto-deploy-a-vue-application-using-gitlab-ci-cd-on-ubuntu/