on utilise le framework Gatsby - The Best React-Based Framework pour générer ce blogue. Un site web simple et réactif doté de peu de features:
- blog posts rédigés dans des fichiers markdown
- un serveur GraphQL intégré qui manage les blog posts en fonction du meta-data (frontMatter) ajouté dans l'en-tête de tous les fichiers markdowns
- un feed RSS
- une liste de sujets discutés dans le blogue (généré dynamiquement)
le site web est buildé et déployé sur le CDN de netlify via une intégration simple avec github
Netlify is the modern development platform for Enterprises to realize the speed, agility and performance of a scalable, composable web architecture.
l'utilisation est nvm - Node Version Manager est recommendé
git clone [email protected]:socraticDevBlog/jamstackBlog.git
cd jamstackBlog
install appropriate NodeJs as configured in .nvmrc
file
nvm install
node --version # to validate node installation
install project dependencies with npm
npm install .
npm run build
npm run develop
run website locally to url localhost:8000
- Site web généré via
NodeJS
- Site web hébergé sur un
CDN
- Pipeline d'intégration et déploiement continu via
GitHub
etNetlify
- Contenu éditable au format
Markdown
- Contenu queryable par
GraphQL
- Composants visuels réutilisables
React
- Style avec
Saas
: Syntactically Awesome Style Sheets - Optimisation du format des images livrées selon la compatibilité du browser :
WebP
quand c'est possible