Backlog du produit : https://github.com/orgs/brutdethe/projects/1
- Stéphane Langlois (scopyleft/échappée belle/Brut de Thé) - développement
- Jé le Potier - PO
- framework JavaScript : https://sapper.svelte.dev - https://svelte.dev
- framework css : https://picturepan2.github.io/spectre/
- optimisation des photos : https://sharp.pixelplumbing.com
Le site est développé sur la branche : dev
La branche principale est : main
$ npm run dev & open http://localhost:3000
Le déploiement est automatisé à partir de la branche prod vers heroku
On utilise dotenv pour récupérer les variables stockées dans un fichier .env
C'est dans ce ficher que l'on place la clé stripe :
stripe_secret=sk_test_66HYYSHXXXXXXXXXXXXXXXXXXX
Pour heroku la clé est stockée dans les settings
$ node --experimental-modules scripts/createProducts.mjs
Les photos des produits sont à déposer dans le dossier photos à la racine du dépôt. Les photos sont redimensionner automatiquement pour le carrousel et les vignettes de la page produit et sont stockées dans le dossier images.
Le script de redimensionnement des images utilise le fichier de produits pour récupérer les noms de fichiers des photos.
La vignette est générée à partir du premier fichier indiqué dans la rubrique photos de chaque produit.
$ npm run optimize