laec-est-toi-website

Site web pour le jeu LAEC EST TOI

Technos utilisés

JS

• TypeScript
• VueJS

Librairies VueJS

• Vue Router
• VueUse

CSS

• Tailwind CSS

Qualité du code

• ESLint
• Prettier

Autres

• Yarn
• Docker

On fait pas de tests parce qu'on est des dingues.

Lancer le site en local

Clonez le repo, puis installez les dépendances en local avec yarn

git clone https://github.com/Insoumis/laec-est-toi-website.git
cd laec-est-toi-website
yarn

Vous pouvez maintenant lancer le site de différentes manières :

Lancer simplement (SPA) le site en mode dev avec du hot reload

yarn dev

Lancer avec le SSR le site en mode dev avec du hot reload

yarn dev:ssr

Build avec Docker et lancer le site en mode prod (SSG)

yarn docker:build
yarn docker:run

Build avec docker-compose et lancer le site en mode prod (SSG)

docker-compose build
docker-compose up   

(Il se peut que le cache ne se clear pas bien entre deux builds, donc n'hésitez pas à remove l'ancienne image complètement avant de rebuild)

Linter le projet avec ESLint

npm run lint

À propos du .env

Le .envcontient le lien vers tous les fichiers téléchargeables (ex: VITE_GAME_URL_WINDOWS), ainsi que des valeurs utiles pour générer les tags <meta /> qui permettent de prévisualiser le lien du site quand il est posté sur les réseaux sociaux. Il suffit donc de changer la valeur de ces variables et de rebuild le site pour que les téléchargements se mettent à jour. 🐢

Recommendations pour l'IDE + plugins

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Remerciements

À tous les insoumis qui oeuvrent quotidiennement pour changer les règles du jeu