Skip to content

Commit

Permalink
chore: JAMstack -> Jamstack
Browse files Browse the repository at this point in the history
  • Loading branch information
DirtyF committed Apr 12, 2020
1 parent 5562640 commit 9afe427
Show file tree
Hide file tree
Showing 24 changed files with 131 additions and 131 deletions.
2 changes: 1 addition & 1 deletion CONTRIBUTING.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ Ce site se veut communautaire, toute contribution est la bienvenue. :smile:

## Proposer un article

Ouvrez d'abord une issue si vous souhaitez [proposer un article](../../issues/new) ou une traduction en rapport avec l'écosystème JAMstack et les générateurs de site statique.
Ouvrez d'abord une issue si vous souhaitez [proposer un article](../../issues/new) ou une traduction en rapport avec l'écosystème Jamstack et les générateurs de site statique.

## Ajouter un article

Expand Down
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@

Vous utilisez Jekyll, Hugo, Eleventy ou tout autre générateur de site statique, vous
voulez échanger avec la communauté francophone et vous tenir informé de
l'actualité de l'écosystème de la JAMstack ?
l'actualité de l'écosystème de la Jamstack ?

Vous pouvez :

Expand Down
2 changes: 1 addition & 1 deletion content/a-propos/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ draft: true
Ce site s'adresse à tous ceux qui s'intéressent de près ou de loin aux
générateurs de sites statiques et à tout son écosystème : APIs, Headless CMS,
services de déploiement, etc. Nous pensons que l'utilisation de la
[JAMstack]({{< relref "post/5-raisons-de-tester-la-jamstack" >}}), une
[Jamstack]({{< relref "post/5-raisons-de-tester-la-jamstack" >}}), une
manière de versionner, de concevoir et de déployer des sites web, est une
réponse moderne aux enjeux d'aujourd'hui. Il y a depuis quelques années
[une mouvance statique](https://frank.taillandier.me/2016/03/08/les-gestionnaires-de-contenu-statique/)
Expand Down
28 changes: 14 additions & 14 deletions content/post/5-raisons-de-tester-la-jamstack/index.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
title: "Passer au statique : 5 raisons de tester la JAMstack sur votre prochain projet"
title: "Passer au statique : 5 raisons de tester la Jamstack sur votre prochain projet"
description:
Référencement, performance, sécurité, automatisation, communauté grandissante,
les raisons de passer au statique ne manquent pas.
date: 2017-03-16
commments: true
source:
author: Tom Bennet
title: "Go static: 5 reasons to try JAMstack on your next project"
title: "Go static: 5 reasons to try Jamstack on your next project"
url: https://builtvisible.com/go-static-try-jamstack/
lang: ""
categories:
Expand All @@ -24,7 +24,7 @@ keywords: []

Adopter une stack de développement Web moderne pour pouvoir
générer des sites statiques présente bien des avantages et Tom Bennet en a listé
cinq des principaux. Si vous n'aviez encore jamais entendu parlé de la JAMstack,
cinq des principaux. Si vous n'aviez encore jamais entendu parlé de la Jamstack,
cet article donne un aperçu global du processus et de l’écosystème actuel ainsi
que des gains engendrés. Vous trouverez également des lectures pour approfondir
votre connaissance sur le sujet.
Expand All @@ -43,16 +43,16 @@ mouvement.
Avant d’expliquer plus en détail _pourquoi_, commençons déjà par regarder de
_quoi_ on parle.

## JAMstack et développement statique
## Jamstack et développement statique

Le terme **JAMstack** désigne la stack JavaScript, APIs et Markup et une manière
Le terme **Jamstack** désigne la stack JavaScript, APIs et Markup et une manière
de construire des sites Web statiques sans base de données. Ce concept est
_vraiment tout bête_ — le mot "statique" sous-entend de la simplicité ou un
manque d’interactivité, mais c'est loin d’être le cas. Quand on parle de sites
statiques, on fait surtout référence aux technologies utilisées pour les
générer, les mettre en ligne et les héberger.

Le truc vraiment puissant c'est que le développement avec la JAMstack est bien
Le truc vraiment puissant c'est que le développement avec la Jamstack est bien
plus simple à appréhender que le développement de sites dynamiques à base de
CMS. Il est facile d’oublier le nombre d’étapes nécessaires pour satisfaire une
simple requête de page et la complexité des opérations qui sont menées
Expand Down Expand Up @@ -82,7 +82,7 @@ et que le développement front-end est dominé par JavaScript et les
automatisations à l’aide de `npm`, n'avons-nous pas déjà dépassé ce modèle ?

{{< figure src="https://res.cloudinary.com/jamstatic/image/upload/f_auto,q_auto/v1523346591/diagram-ssg.png"
caption="Un site Web statique développé à l’aide d’un processus basé sur la JAMstack" >}}
caption="Un site Web statique développé à l’aide d’un processus basé sur la Jamstack" >}}

Les générateurs de site statique comme Jekyll et Hugo permettent de rendre cela
possible. Ils nous servent essentiellement de système de templating à la place
Expand All @@ -102,7 +102,7 @@ moteurs de recherche et tous ne sont pas forcément toujours appréciés à leur
juste valeur.

Premièrement, la simplification des URLs et de l’architecture du site est
souvent plus simple avec la JAMstack qu'avec un site dynamique et un CMS. Plutôt
souvent plus simple avec la Jamstack qu'avec un site dynamique et un CMS. Plutôt
que de se reposer sur des règles de réécritures complexes d’URLs côté serveur
pour que votre contenu soit accessible via des URLS lisibles
(`example.com/?p=12345``example.com/clair-et-net/`), vos URLs sont ce que
Expand Down Expand Up @@ -147,7 +147,7 @@ avec
ont montré que même avec un site dynamique très optimisé (et une solide
stratégie de cache), le temps de début de chargement était en moyenne **six fois
plus rapide** avec une version statique distribuée via CDN. Smashing Magazine
ont d’ailleurs [migré vers la JAMstack et Netlify]({{< relref
ont d’ailleurs [migré vers la Jamstack et Netlify]({{< relref
"post/smashing-mag-va-dix-fois-plus-vite.md" >}}) à l’occasion de leur refonte.

La mise en cache s'en retrouve grandement simplifiée. Avec WordPress (ou
Expand Down Expand Up @@ -185,15 +185,15 @@ gratuitement grâce à des autorités de certification automatisées comme

## 4. Déploiement & Workflow

Une fois que vous avez travaillé sur un site Web avec la JAMstack — que vous
Une fois que vous avez travaillé sur un site Web avec la Jamstack — que vous
avez déployé des mises à jour et publié des contenus régulièrement — vous
commencez à ressentir le potentiel disruptif de cette manière de développer. Ça
évolue rapidement et on peut parfois se sentir un peu comme dans le Far West,
avec tous ces nouveaux outils et ces nouveaux services qui arrivent tous les
jours, mais ne vous y trompez pas : c'est puissant, flexible, on a atteint le
stade de la maturité.

Un des principes de base du développement avec la JAMstack c'est que tout vit
Un des principes de base du développement avec la Jamstack c'est que tout vit
dans un dépôt Git, que ce soit les composants de notre site statique, les
fichiers de configuration de notre générateur, nos fichiers CSS et JS, nos
contenus écrits (sauvegardés sous forme de documents Markdown en texte brut).
Expand Down Expand Up @@ -278,7 +278,7 @@ veut dire **fini les htaccess**).
## Est-ce que c'est fait pour moi ?

Bien entendu, il y a plein de sites Web pour lesquels le développement avec la
JAMstack n'est pas approprié. Il y a également des problèmes légitimes et
Jamstack n'est pas approprié. Il y a également des problèmes légitimes et
quelques obstacles — auxquels vous ferez face même sur de tous petits projets —
qui doivent être surmontés. Et plus particulièrement les services destinés aux
utilisateurs non techniques et aux éditeurs de contenu doivent être encore plus
Expand Down Expand Up @@ -307,10 +307,10 @@ leur apparition un peu plus chaque jour.

- Critiques de générateurs de site statique : Jekyll, Middleman, Hugo– [Smashing Magazine](https://www.smashingmagazine.com/2015/11/static-website-generators-jekyll-middleman-roots-hugo-review/)
- Utilisation d’un générateur de site statique à grande échelle : leçons apprises – [Smashing Magazine](https://www.smashingmagazine.com/2016/08/using-a-static-site-generator-at-scale-lessons-learned/)
- JAMstack pour les clients : bénéfices, CMS pour site statique et limitations – [Snipcart](https://snipcart.com/blog/jamstack-clients-static-site-cms)
- Jamstack pour les clients : bénéfices, CMS pour site statique et limitations – [Snipcart](https://snipcart.com/blog/jamstack-clients-static-site-cms)
- Passez au statique sans perdre votre serveur – [Netlify](https://www.netlify.com/blog/2016/03/10/go-static-without-losing-your-server/)
- C’est quoi un CMS headless ? – [CSS-Tricks](https://css-tricks.com/what-is-a-headless-cms/)
- Gestionnaires de contenus pour sites statiques – [headlesscms.org](https://headlesscms.org/)
- JAMstack | JavaScript, APIs et Markup – [jamstack.org](https://jamstack.org/)
- Jamstack | JavaScript, APIs et Markup – [jamstack.org](https://jamstack.org/)
- Générateurs de site statique open-source – [staticgen.com](https://www.staticgen.com/)
- {static is} The New Dynamic – [thenewdynamic.org](https://www.thenewdynamic.org/)
60 changes: 30 additions & 30 deletions content/post/c-est-quoi-la-jamstack.md
Original file line number Diff line number Diff line change
@@ -1,31 +1,31 @@
---
title: C'est quoi la JAMstack au juste ?
title: C'est quoi la Jamstack au juste ?
date: 2019-02-07 19:12:14 +0000
lastmod: 2019-02-28 08:17:42 +0000
description: Un petit pense-bête pour expliquer les concepts de la JAMstack et encourager davantage de personnes à adopter cette approche.
description: Un petit pense-bête pour expliquer les concepts de la Jamstack et encourager davantage de personnes à adopter cette approche.
source:
author: Pedro Duarte
title: WTF is JAMstack?
title: WTF is Jamstack?
url: https://jamstack.wtf/
categories:
- jamstack
---

{{< intro >}}

[Pedro Duarte](https://twitter.com/peduarte) a lancé [https://jamstack.wtf](https://jamstack.wtf) un mini-site afin de donner une vue d'ensemble de la JAMstack. Nous vous proposons ici sa traduction en français afin de permettre à toujours plus de développeurs d'adopter cette façon de travailler.
[Pedro Duarte](https://twitter.com/peduarte) a lancé [https://jamstack.wtf](https://jamstack.wtf) un mini-site afin de donner une vue d'ensemble de la Jamstack. Nous vous proposons ici sa traduction en français afin de permettre à toujours plus de développeurs d'adopter cette façon de travailler.

{{< /intro >}}

---

La JAMstack révolutionne notre manière de travailler en proposant une expérience de développement plus simple, de meilleures performances, des coûts bien moins élevés et une grande scalabilité.
La Jamstack révolutionne notre manière de travailler en proposant une expérience de développement plus simple, de meilleures performances, des coûts bien moins élevés et une grande scalabilité.

Vous vous demandez peut-être ; oui OK, mais comment ? pourquoi ? c'est quoi au juste ?

C'est la raison d'être de cette page [https://jamstack.wtf](https://jamstack.wtf/).

Le but de ce guide est de présenter de manière claire le concept de la JAMstack et d'inciter d'autres développeurs à adopter cette approche.
Le but de ce guide est de présenter de manière claire le concept de la Jamstack et d'inciter d'autres développeurs à adopter cette approche.

Le contenu ci-dessous est tiré du site ci-dessus 👆

Expand All @@ -35,7 +35,7 @@ Asseyez-vous, mettez-vous à l'aise et appréciez ✌️

**Sommaire**

[C'est quoi la JAMstack ?](#c-est-quoi-la-jamstack)
[C'est quoi la Jamstack ?](#c-est-quoi-la-jamstack)

- [Signification](#signification)
- [Bénéfices](#bénéfices)
Expand All @@ -52,7 +52,7 @@ Asseyez-vous, mettez-vous à l'aise et appréciez ✌️

---

## C'est quoi la JAMstack ?
## C'est quoi la Jamstack ?

### Signification

Expand All @@ -71,7 +71,7 @@ Les sites web sont servis sous forme de fichiers HTML statiques. Ces fichiers pe

### Bénéfices

Les principaux bénéfices apportés par la JAMstack sont :
Les principaux bénéfices apportés par la Jamstack sont :

**Une performance accrue** \
Servir du code généré et des assets à partir d'un CDN
Expand Down Expand Up @@ -119,7 +119,7 @@ Votre serveur est notifié lorsqu'une nouvelle génération est requise, typique

### Chaîne de publication

Voici à quoi ressemblerait la chaîne de publication JAMstack idéale.
Voici à quoi ressemblerait la chaîne de publication Jamstack idéale.

![](https://cdn-images-1.medium.com/max/800/1*iaJIWN-1jhRBTiVfmYYdlA.png)

Expand All @@ -129,13 +129,13 @@ Voici à quoi ressemblerait la chaîne de publication JAMstack idéale.
Les générateurs statiques sont de plus en plus en vogue, grâce à des générateurs populaires comme Jekyll.

**2016** \
Quelques développeurs pensent que les sites statiques n'ont pas à être forcément statiques, le terme "JAMstack" fait son apparition.
Quelques développeurs pensent que les sites statiques n'ont pas à être forcément statiques, le terme "Jamstack" fait son apparition.

**2017** \
La révolution du web moderne commence à prioriser la performance, le redimensionnement à la volée et l'expérience de développement. Le terme JAMstack est adopté par un groupe de développeurs plus important et les premières entreprises commencent à annoncer des projets basés sur la JAMstack.
La révolution du web moderne commence à prioriser la performance, le redimensionnement à la volée et l'expérience de développement. Le terme Jamstack est adopté par un groupe de développeurs plus important et les premières entreprises commencent à annoncer des projets basés sur la Jamstack.

**2018** \
Des outils comme Netlify, Gatsby et Contentful contribuent à promouvoir le terme et la communauté grandit vite. C'est aussi l'année de la première conférence JAMstack.
Des outils comme Netlify, Gatsby et Contentful contribuent à promouvoir le terme et la communauté grandit vite. C'est aussi l'année de la première conférence Jamstack.

[Source: SnipCart](https://snipcart.com/blog/jamstack)

Expand All @@ -151,7 +151,7 @@ C'est à vous de décider comment générer vos fichiers HTML. Les trois approch
Une méthode simple et efficace d'écrire du HTML, c'est idéal pour les pages super simples.

**Générateurs de site statique** \
La plupart des sites JAMstack sont propulsés par un générateur de site statique.
La plupart des sites Jamstack sont propulsés par un générateur de site statique.
Vous êtes libres de choisir votre GSS.

- [Gatsby](https://www.gatsbyjs.org/)
Expand Down Expand Up @@ -179,19 +179,19 @@ Vous devez héberger le résultat de la compilation de votre site. Il existe de

### Parties dynamiques

Les sites JAMstack n'ont pas à être entièrement statiques. Il existe des services formidables pour vous aider à insérer des parties dynamiques dans votre projet.
Les sites Jamstack n'ont pas à être entièrement statiques. Il existe des services formidables pour vous aider à insérer des parties dynamiques dans votre projet.

**Fonctions personnalisées** \
Vous pouvez également abstraire vos propres fonctions pour en faire des APIs réutilisables. Pour cela vous pouvez utiliser [les fonctions AWS lambda](https://aws.amazon.com/lambda/features/) ou [les fonctions Netlify](https://functions.netlify.com/examples/)

**Commentaires** \
Beaucoup de sites JAMstack intègrent des sections pour les commentaires, principalement sur des blogs.
Beaucoup de sites Jamstack intègrent des sections pour les commentaires, principalement sur des blogs.

**Formulaires** \
Un excellent moyen d'interagir avec votre audience.

**E-Commerce** \
Mettre en place une boutique en ligne sur un site JAMstack n'a jamais été aussi simple.
Mettre en place une boutique en ligne sur un site Jamstack n'a jamais été aussi simple.

**Recherche** \
Reposez-vous sur des services tiers pour intégrer des fonctionnalités de recherche.
Expand All @@ -200,7 +200,7 @@ Reposez-vous sur des services tiers pour intégrer des fonctionnalités de reche

### CMS

Les sites JAMstack peuvent aussi être gérés via un système de gestion de contenu, plus précisément avec des CMS headless. Chaque changement effectué dans le CMS va entraîner une nouvelle génération du site, qui sera ensuite déployé sous forme de fichiers statiques.
Les sites Jamstack peuvent aussi être gérés via un système de gestion de contenu, plus précisément avec des CMS headless. Chaque changement effectué dans le CMS va entraîner une nouvelle génération du site, qui sera ensuite déployé sous forme de fichiers statiques.

- [Contentful](http://contentful.com/)
- [Forestry](https://forestry.io/)
Expand All @@ -213,38 +213,38 @@ Les sites JAMstack peuvent aussi être gérés via un système de gestion de con

### Ressources

Voici une sélection de ressources sur la JAMstack qui comporte des matériaux d'apprentissage ainsi que des listes de services.
Voici une sélection de ressources sur la Jamstack qui comporte des matériaux d'apprentissage ainsi que des listes de services.

#### Services

- [Une liste de services pour les sites web statiques](https://github.com/agarrharr/awesome-static-website-services)
- [Une liste de gestionnaires de contenu pour les sites JAMstack](https://headlesscms.org/)
- [Une liste de générateurs de site statiques pour les sites JAMstack](https://www.staticgen.com/)
- [Une liste de gestionnaires de contenu pour les sites Jamstack](https://headlesscms.org/)
- [Une liste de générateurs de site statiques pour les sites Jamstack](https://www.staticgen.com/)
- [Un annuaire de sélection d'outils et de services](https://www.thenewdynamic.org/tool/)

#### Articles

- [Débuter avec la JAMstack? Tout ce que vous devez savoir pour bien démarrer](https://snipcart.com/blog/jamstack)
- [Quel est le concept derrière la JAMstack](https://www.quora.com/What-is-the-concept-behind-JAMstack)
- [Développement web moderne avec la JAMstack](https://bejamas.io/blog/jamstack-modern-web-development/)
- [Débuter avec la Jamstack? Tout ce que vous devez savoir pour bien démarrer](https://snipcart.com/blog/jamstack)
- [Quel est le concept derrière la Jamstack](https://www.quora.com/What-is-the-concept-behind-Jamstack)
- [Développement web moderne avec la Jamstack](https://bejamas.io/blog/jamstack-modern-web-development/)
- [Smashing Magazine va dix fois plus vite]({{< relref "post/smashing-mag-va-dix-fois-plus-vite.md" >}})
- [Ghost avec la JAMstack](https://blog.ghost.org/jamstack/)
- [JAMstack avec Gatsby, Netlify et Netlify CMS](https://medium.com/netlify/jamstack-with-gatsby-netlify-and-netlify-cms-a300735e2c5d)
- [Ghost avec la Jamstack](https://blog.ghost.org/jamstack/)
- [Jamstack avec Gatsby, Netlify et Netlify CMS](https://medium.com/netlify/jamstack-with-gatsby-netlify-and-netlify-cms-a300735e2c5d)

#### Vidéos

- [L'essor de la JAMstack, présentation de Mathias Biilmann](https://www.youtube.com/watch?v=uWTMEDEPw8c)
- [L'essor de la Jamstack, présentation de Mathias Biilmann](https://www.youtube.com/watch?v=uWTMEDEPw8c)
- [La nouvelle stack Front-end, présentation de Mathias Biilmann](https://vimeo.com/163522126)
- [Une sélection de vidéos par The New Dynamic](https://www.thenewdynamic.org/video/)
- [Comment freeCodeCamp sert des millions d'apprenants en utilisant la JAMstack](https://www.youtube.com/watch?v=e5H7CI3yqPY)
- [Comment freeCodeCamp sert des millions d'apprenants en utilisant la Jamstack](https://www.youtube.com/watch?v=e5H7CI3yqPY)

#### Podcast

- [JAMstack Radio](https://www.heavybit.com/library/podcasts/jamstack-radio/)
- [Jamstack Radio](https://www.heavybit.com/library/podcasts/jamstack-radio/)

---

## À propos

Cette page a été mise en place par [@peduarte](https://twitter.com/peduarte) et
présentée au [meetup JAMstack de Londres](https://www.meetup.com/JAMstack-London/events/257961818/) — ([voir les slides](https://speakerdeck.com/peduarte/jamstack-cheatsheet)).
présentée au [meetup Jamstack de Londres](https://www.meetup.com/Jamstack-London/events/257961818/) — ([voir les slides](https://speakerdeck.com/peduarte/jamstack-cheatsheet)).
Loading

0 comments on commit 9afe427

Please sign in to comment.