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

JAMStack, le comeback du web statique

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
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
Avatar for Yuto tsukamoto1783
0
190
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
7
2.3k
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
400
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
190
Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い
Avatar for てきめん tekimen youkidearitai
PRO
1
2.5k
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
150
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
560
開発者から情シスまで - 多様なユーザー層に届けるAPI提供戦略 / Postman API Night Okinawa 2026 Winter
Avatar for tasshi tasshi
0
200
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
1
230
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
980
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
140
CSC307 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
500

Featured

See All Featured
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
120
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.9k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
210
Designing Experiences People Love
Avatar for Jonathan Moore moore
144
24k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
450
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
37k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
170
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
190
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.5k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
910

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 ?