Différences entre versions de « Gatsby »
De Mi caja de notas
| Ligne 1 : | Ligne 1 : | ||
{{stub-fr}} | {{stub-fr}} | ||
| + | '''<dfn>[https://github.com/gatsbyjs/gatsby Gatsby]</dfn>''' est un [[static site generator-fr|générateur de site statique]] basé sur [[React]] avec une prévisualisation en live . | ||
| − | + | Gatsby utilise React pour produire des pages statiques qui suivent le pattern [https://developers.google.com/web/fundamentals/performance/prpl-pattern/ PRPL] pour une vitesse de chargement exceptionnelle. Les pages statiques peuvent être sourcées à partir d'une énorme variété de data, traduites en GraphQL, puis requêtées pour produire une collection de pages générées au moment de la construction. | |
| + | Ceci veut dire qu'il y a du balisage HTML qui est complètement lisible par les machines - le rendant compatible SEO/indie/webmention/js;dr. | ||
| + | |||
| + | À cette heure il suppote beaucoup de sources de data : | ||
| + | * Filesystem (souvent des fichiers Markdown) | ||
| + | * [[Drupal]] | ||
| + | * [[Medium.com]] | ||
| + | * [[WordPress]] | ||
| + | * [[MongoDB]] | ||
| + | * [[RSS]] | ||
| + | |||
| + | Ces sources de data peuvent être ensuite transformées : | ||
| + | * Remark (transforme le Markdown en HTML) | ||
| + | * [[YAML]] | ||
| + | * [[TOML]] | ||
| + | |||
| + | ''(Notez qu'elles sont uniquement en lecture durant le temps de build - aussi vou devez re-construire pour récupérer le nouveau contenu)'' | ||
| + | |||
| + | == Opportunités == | ||
| + | Quand il s'agit de données "entrantes" à ce générateur de site, il faudrait pousser les données vers l'une des sources de données connectées puis déclencher une reconstruction. Pour l'instant, il ne prend pas en charge les reconstructions incrémentielles, mais dans l'ensemble, les performances sont plutôt bonnes pour les sites de petite taille pour une reconstruction complète. | ||
| + | |||
| + | Vous pouvez probablement gérer les webmentions entrantes en ayant une petite application sur un autre sous-domaine qui pousse les webmentions dans MongoDB, puis déclenche une reconstruction du site pour inclure de nouvelles mentions. | ||
| + | |||
| + | == Voir aussi == | ||
| + | * [[static site generator-fr|générateur de site statique]] | ||
| + | |||
| + | ---- | ||
| + | |||
| + | démarrage de l'étude [[2018-124]] <span class="h-card" style="white-space:nowrap">{{sparkline|http://ducamp.me/images/d/d3/Portrait-xtof.png}} [[User:Christopheducamp.com|xtof]]</span> 4 mai 2018 à 18:10 (UTC) | ||
== tutoriel == | == tutoriel == | ||
| Ligne 16 : | Ligne 45 : | ||
| title = Construire un blog statique avec Gatsby et Strapi | | title = Construire un blog statique avec Gatsby et Strapi | ||
| author = Pierre Burgy - Jamstatic | | author = Pierre Burgy - Jamstatic | ||
| − | | | + | | published = 2018-04-26 |
}} | }} | ||
Version du 4 mai 2018 à 18:10
Cet article est une débauche. Vous pouvez m’aider à l'améliorer.
Gatsby est un générateur de site statique basé sur React avec une prévisualisation en live .
Gatsby utilise React pour produire des pages statiques qui suivent le pattern PRPL pour une vitesse de chargement exceptionnelle. Les pages statiques peuvent être sourcées à partir d'une énorme variété de data, traduites en GraphQL, puis requêtées pour produire une collection de pages générées au moment de la construction.
Ceci veut dire qu'il y a du balisage HTML qui est complètement lisible par les machines - le rendant compatible SEO/indie/webmention/js;dr.
À cette heure il suppote beaucoup de sources de data :
- Filesystem (souvent des fichiers Markdown)
- Drupal
- Medium.com
- WordPress
- MongoDB
- RSS
Ces sources de data peuvent être ensuite transformées :
(Notez qu'elles sont uniquement en lecture durant le temps de build - aussi vou devez re-construire pour récupérer le nouveau contenu)
Opportunités
Quand il s'agit de données "entrantes" à ce générateur de site, il faudrait pousser les données vers l'une des sources de données connectées puis déclencher une reconstruction. Pour l'instant, il ne prend pas en charge les reconstructions incrémentielles, mais dans l'ensemble, les performances sont plutôt bonnes pour les sites de petite taille pour une reconstruction complète.
Vous pouvez probablement gérer les webmentions entrantes en ayant une petite application sur un autre sous-domaine qui pousse les webmentions dans MongoDB, puis déclenche une reconstruction du site pour inclure de nouvelles mentions.
Voir aussi
démarrage de l'étude 2018-124 
xtof 4 mai 2018 à 18:10 (UTC)
tutoriel
tutoriel officiel https://www.gatsbyjs.org/
- https://www.gatsbyjs.org/tutorial/part-one/ publication avec [Surge](http://surge.sh/) sur https://confused-use.surge.sh/
- CSS dans Gatsby https://www.gatsbyjs.org/tutorial/part-two/
... à continuer
2018-04-26 : Construire un blog statique avec Gatsby et Strapi