Génération statique Jamstatic

Invités : Hubert Sablonnières (Clever Cloud) et Matthias Dugué (Alwaysdata).

L'émergence de solutions dédiées au déploiement automatisé de sites statiques est principalement l'apanage de sociétés américaines (Netlify, Vercel, Amazon, Microsoft, Digital Ocean, etc.). Il existe des hébergeurs de métiers en France, mais pas encore uniquement dédié à du déploiement automatisé de statique sur des  CDNs.

Les offres dédiées au déploiement de sites Jamstack sont un terreau d'innovation, on a vu ainsi arriver les déploiements atomiques (1 URL pour chaque commit), les intégrations du workflow Git avec mise à disposition du lien de prévisualisation  lors de la soumission d'une modification sur le dépôt Git, la facilité de lancer des fonctions Lambda depuis son dépôt, etc.

Difficile de rivaliser en terme d'UX lorsque son service est plus générique, si la Developer Experience est devenue un des critères d'adoption surtout sur les petits projets, la sécurité, l'accompagnement et le support technique, la protection des données, le non-verrouillage propriétaire ou l'impact énergétique  sont les préoccupations principales des entreprises.

Pour ce premier épisode de Génération Statique, nous recevons Nicolas Goutay suite à la publication de son article Vers une Jamstack plus légère, qui détaille comment il a développé le nouveau site d'Orbit, avec Eleventy, Tailwind et Alpine.js.

Nicolas revient sur son parcours de développeur web, et comment en étant très soucieux de servir  un site rapide au plus grand nombre, il a fait le choix de s'affranchir de tout framework JS. 

Frank et Arnaud reviennent sur les actualités marquantes de ces dernières semaines, du mini-clash entre le CEO de Netlify et celui de WordPress, aux dernières annonces de Next.js, Gatsby  et Nuxt.js.

Notes


Présentation de Jamstatic et des intervenants (01:20)
Retour sur la Jamstack et la Next.js conf (08:40)
Un tableau de bord des métriques de performances pour Vercel (11:00)
Next.js lorgne vers le e-commerce (15:28)
Un composant pour optimiser les images dans Next.js (16:00)
Netlify essaie d'attirer les développeurs Next.js
Gatsby simplifie la génération de pages (20:00)
L'utilisation du système de fichiers pour stocker ses contenus (22:20)
L'API de contenu de Nuxt.js (25:07)
Hugo de mieux en mieux outillé pour le JavaScript (28:10)
Eleventy de plus en plus populaire  chez les développeurs front (31:15)
Le nouveau site de Tailwind utilise Next.js (32:20)
Vers une Jamstack plus légère (33:25)
De React à Eleventy + Alpine (34:40)
Gatsby, un cadre pour adopter des bonnes pratiques de performance
Le coût d'un framework côté client (42:35)
Les clics rageux quand le site n'est pas interactif (45:22)
L'exemple du chargement du site du Washington Post (47:25)
Les métriques Core Web Vitals (50:15)
Distinguer les sites de contenus des applications (52:40)
Viser des sites statiques vraiment performants (55:25)
Le développement par composition sans framework ? (57:45)
Alpine pour ajouter de l'interactivité dans le HTML (61:08)
Le HTML aux commandes (65:40)
Et les Web Components alors ? (72:13)
Le statique en constante progression (76:00)
Conclusion (77:40)

Dialogue improvisé entre Arnaud et Frank autour de la Jamstack.

Thèmes abordés en vrac :

- Parcours et évolution 
- Démystifier le marketing des startups
- Le pricing
- La concurrence génère de l'innovation
- Les freins à l'adoption
- Les gains en terme de flexibilité
- Des acteurs américains mais aussi français et européens

- démystifier le marketing
- être accessible
- inviter des développeurs web
- un mix entre la réalité et faire aussi rêver les gens
- revenir à des trucs cools en maîtrise
- s'intéresser plus au contenu
- impossible de faire marche arrière, c'est devenu une culture
- investir dans des compétences sur le long terme (Git)
- apprendre Eleventy, c'est aussi apprendre JS
- investir dans tes compétences front
- c'est plus gratifiant, tu n'es pas juste intégrateur
- ouvre beaucoup plus de choses en terme de carrière

- explosion de l'écosystème (100M levés)
- on est passé des hackers talentueux (un truc de développeur) à quasi mainstream
- l'innovation vient des headless CMS car ils doivent se différencier (cf. Sanity)
- en agence, assez difficile à mettre en oeuvre du découplé il y a quelques temps
- le discours change, Content API -> Headless CMS, on se branche sur votre framework pour avoir le meilleur des deux mondes

- sortir de la frustration (WTF à la minute)
- la courbe d'apprentissage est forte sur des outils comme Drupal ou Magento
- l'illustion et le fantasme du produit gratuit (plugins, etc.)
- se donner les moyens de maîtriser son outil
- trouver le meilleur compromis entre son budget et son besoin

- budget: au début GitHub Pages et zéro maintenance
- pricing: avec la prolifération des SaaS, il est plus difficile au début d'évaluer son budget ?
- avant vente: beaucoup plus d'effort que les coûts maîtrisés mais choix payant
- bascule technique plus simple de Contentful à Prismic, sans toucher au front
- plus simple en découplé

- processus d'amélioration continue
- Est-ce que c'est plus simple de vendre de l'itératif avec une stack découplée ?
- On devrait commencer par la stratégie de contenu, plutôt que d'être contraint par le CMS
- Faut shiper, qu'est-ce qu'on peut sortir maintenant ?
- Prototypage rapide avec SSG / Tailwind  + déploiement continu
- Boucle de feedback plus rapide pour le client en condition réelle, tester **en contexte**
- "Develop. Preview. Ship" devrait être amené à être plus utilisé
- Plus de collaboration en amont, permet de lever les problèems plus tôt
- Worklow d'intégration continue démocratisé à la disposition de tous pour un prix modique
- expérimentation facilitée
- C'est une vraie révolution dans la façon de travailler

- la problématique de l'hébergement en France (Clever Cloud, Alwaysdata et plein d'autres)
- "Que ton contenu public soit hébergé dans la Creuse ou à New-York, tu t'en moques, puisque par définition ton contenu est publique."
- Beaucoup d'acteurs francophones: Strapi, Algolia,  Pilot.pm, Fireblog, etc.
- 👏 Jammy Awards pour le meetup Jamstack Paris 🇫🇷
- Sanity, Gridsome, Hugo (Norvége) sont des projets scandinaves,
- DatoCMS est italien, etc.

Conclusion, faudra refaire ça de manière plus structurée mais on a bien l'intention d'aborder tous les sujets annexes à la Jamstack au format Podcast.