Upgrade to Pro — share decks privately, control downloads, hide ads and more …

JAMStack, le comeback du web statique

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Damien Van Der Windt Damien Van Der Windt
April 10, 2018
Programming
0
120

JAMStack, le comeback du web statique

Avatar for Damien Van Der Windt

Damien Van Der Windt

April 10, 2018
Tweet

More Decks by Damien Van Der Windt

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

Other Decks in Programming

See All in Programming
2026年 エンジニアリング自己学習法
Avatar for yumechi(Motoki Hirao) yumechi
0
140
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
140
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
160
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
550
KIKI_MBSD Cybersecurity Challenges 2025
Avatar for ikema ikema
0
1.3k
ぼくの開発環境2026
Avatar for yuzneri yuzneri
0
230
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
7
2.3k
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
290
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
2
300
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
Avatar for Mulyu mulyu
3
300
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
180
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
7.4k

Featured

See All Featured
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
14k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
450
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
55
How to make the Groovebox
Avatar for あそなす asonas
2
1.9k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
130
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
8.6k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
78
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
3
220
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
170
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.2k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
150
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.4k

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 ?