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
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
280
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
Avatar for izumin5210 izumin5210
6
1.8k
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
980
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
400
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
280
AIで開発はどれくらい加速したのか？AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
Avatar for どすこい daisuketakeda
1
2.5k
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140
AIと一緒にレガシーに向き合ってみた
Avatar for nyafunta9858 nyafunta9858
0
230
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
560
CSC307 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
500
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
110
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
220

Featured

See All Featured
Visualization
Avatar for Eitan Lees eitanlees
150
17k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
230
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
New Earth Scene 8
Avatar for Sydney Stone popppiees
1
1.5k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
61
52k

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 ?