1h 19 min
Vers une Jamstack légère et performante, avec Nicolas Goutay Génération statique
-
- Technologies
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)
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)
1h 19 min