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
高速開発のためのコード整理術
Avatar for sutetotanuki sutetotanuki
1
400
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
560
Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い
Avatar for てきめん tekimen youkidearitai
PRO
1
2.5k
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
560
MUSUBIXとは
Avatar for Hisaho nahisaho
0
130
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
4.4k
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
コマンドとリード間の連携に対する脅威分析フレームワーク
Avatar for Aja9tochin pandayumi
1
450
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
Avatar for MinoDriven minodriven
21
7.2k
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
Avatar for nrs nrslib
2
1.9k
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
4
610
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
430

Featured

See All Featured
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
New Earth Scene 8
Avatar for Sydney Stone popppiees
1
1.5k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
190
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
300
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
62
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
910
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
120
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
46k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.5k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
120
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
810

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 ?