Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

JAMStack, le comeback du web statique

Avatar for Damien Van Der Windt Damien Van Der Windt
April 10, 2018
Programming
120
0

JAMStack, le comeback du web statique

Avatar for Damien Van Der Windt

Damien Van Der Windt

April 10, 2018

More Decks by Damien Van Der Windt

See All by Damien Van Der Windt
RWD Performant
Avatar for Damien Van Der Windt damienvdw
1
150

Other Decks in Programming

See All in Programming
全ての永続トークンを、生まれる前に消し去りたい！
Avatar for sylph01 sylph01
2
930
個人開発者よ、Honoを使え（おじさんver）
Avatar for tanahiro2010 tanahiro2010
2
260
月間100万人のサービス刷新で、 技術選定をHonoに振り切った話
Avatar for bara yutobara
8
6.6k
JIS keyboard support in Omarchy
Avatar for LEF lef237
0
120
Next.js: The final boss of Web Performance
Avatar for Estela Franco guaca
0
260
複雑なUIコンポーネントとの ⻑い付き合い⽅：波及するバグからテスト戦略を経て、安全な再設計へ
Avatar for masahiko.asai mixplace
0
430
パズルゲームの作り方 / how to make puzzle games
Avatar for kaityo256 kaityo256
PRO
2
290
コーディング自動化の次へ。人の介入をゼロにするファクトリーとサポートAIによる実践
Avatar for Seiji Takahashi timakin
5
3.7k
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
Avatar for Yoshifumi Kawai neuecc
5
5.2k
re:Inventに行く前に知っておきたい現地参加のノウハウ
Avatar for nokomoro3 nokomoro3
0
430
ジョジョの世界をXRで再現する
Avatar for mofurune mofurune
0
170
Web Framework Benchmark Battle 2026, Any%
Avatar for Akira Matsuda a_matsuda
2
2.2k

Featured

See All Featured
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
620
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
580
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
540
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
460
HDC tutorial
Avatar for Michiel Stock michielstock
2
960
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
4
4k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
4
540
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.6k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
580
From π to Pie charts
Avatar for Rasagy Sharma rasagy
1
400

Transcript

  1. BON MATIN !

  2. Damien Van Der Windt Développeur Front-End [email protected]

  3. None

  4. WEB STATIQUE

  5. VIEUX

  6. VIEUX LIMITÉ

  7. VIEUX LIMITÉ ENNUYEUX

  8. None

  9. serveur navigateur MODÈLE STATIQUE

  10. Des années de PROGRÈS

  11. MODERNE

  12. MODERNE PUISSANT

  13. MODERNE PUISSANT POLYVALENT

  14. MODÈLE DYNAMIQUE code data serveur navigateur

  15. Problèmes du modèle DYNAMIQUE

  16. MAINTENANCE code data serveur navigateur

  17. SÉCURITÉ code data serveur navigateur

  18. LENTEUR code data serveur navigateur

  19. LENTEUR code data serveur navigateur cache cache cdn

  20. CROISSANCE code data serveur navigateur cache cache cdn

  21. None

  22. Avantages du modèle STATIQUE

  23. MAINTENANCE serveur navigateur

  24. SÉCURITÉ serveur navigateur

  25. RAPIDITÉ serveur navigateur

  26. CROISSANCE serveur navigateur

  27. CROISSANCE cdn navigateur

  28. Problèmes du modèle STATIQUE

  29. TEMPLATING Sans gabarits, maintenir un site devient un calvaire

  30. TRIAGE DES DONNÉES Organiser du contenu devient peu à peu

    complexe

  31. GESTION DU CONTENU Éditer le site demande une expertise technique

  32. FONCTIONNALITÉS Très limitées par le manque d’infrastructure

  33. MAIS…

  34. 2018

  35. MODÈLE STATIQUE OUTILS MODERNES +

  36. None

  37. J A M

  38. JAVASCRIPT A M

  39. JAVASCRIPT API M

  40. JAVASCRIPT API MARKUP

  41. LE JAMSTACK serveur api navigateur

  42. APPORTEZ VOS OUTILS PRÉFÉRÉS Sans opinion sur le choix des

    technologies utilisées

  43. ENCOURAGE LES BONNES PRATIQUES Versionnage - Performance - Automatisation

  44. SURPASSER le modèle statique

  45. Problème : TEMPLATING

  46. Solution : GÉNÉRATEUR DE SITE STATIQUE

  47. GÉNÉRATEUR DE SITE STATIQUE + + = site gabarits contenus

    gss
  48. None

  49. https://www.staticgen.com/

  50. Problème : TRIAGE DES DONNÉES

  51. Solution : MÉTADONNÉES

  52. None

  53. Problème : GESTION DU CONTENU

  54. Solution : CMS

  55. CMS GIT API

  56. None

  57. https://headlesscms.org/

  58. Problème : FONCTIONNALITÉS

  59. Solution : SERVICES & API

  60. SURMONTER les obstacles courants

  61. COMMENTAIRES

  62. None

  63. FORMULAIRES

  64. None

  65. RECHERCHE

  66. Fuse.js LUNR.js

  67. E-COMMERCE

  68. None

  69. ET PLUS ENCORE ! Authentification - Médias dynamiques - Notifications

  70. POURQUOI UTILISER DES SERVICES ?

  71. MAINTENANCE SÉCURITÉ +

  72. Où est la LIMITE ?

  73. None

  74. https://www.smashingmagazine.com/

  75. DYNAMIQUE STATIQUE

  76. MERCI beaucoup !

  77. QUESTIONS ?