Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
JAMStack, le comeback du web statique
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Damien Van Der Windt
April 10, 2018
Programming
0
120
JAMStack, le comeback du web statique
Damien Van Der Windt
April 10, 2018
Tweet
Share
More Decks by Damien Van Der Windt
See All by Damien Van Der Windt
RWD Performant
damienvdw
1
140
Other Decks in Programming
See All in Programming
AI Schema Enrichment for your Oracle AI Database
thatjeffsmith
0
280
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
izumin5210
6
1.8k
「ブロックテーマでは再現できない」は本当か?
inc2734
0
980
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
kamina_zzz
0
400
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
hisatake
0
280
AIで開発はどれくらい加速したのか?AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
daisuketakeda
1
2.5k
なるべく楽してバックエンドに型をつけたい!(楽とは言ってない)
hibiki_cube
0
140
AIと一緒にレガシーに向き合ってみた
nyafunta9858
0
230
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
560
CSC307 Lecture 05
javiergs
PRO
0
500
izumin5210のプロポーザルのネタ探し #tskaigi_msup
izumin5210
1
110
Package Management Learnings from Homebrew
mikemcquaid
0
220
Featured
See All Featured
Visualization
eitanlees
150
17k
How to Ace a Technical Interview
jacobian
281
24k
Testing 201, or: Great Expectations
jmmastey
46
8k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
60
42k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
Git: the NoSQL Database
bkeepers
PRO
432
66k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
140
The Curious Case for Waylosing
cassininazir
0
230
Discover your Explorer Soul
emna__ayadi
2
1.1k
Practical Orchestrator
shlominoach
191
11k
New Earth Scene 8
popppiees
1
1.5k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
61
52k
Transcript
BON MATIN !
Damien Van Der Windt Développeur Front-End
[email protected]
None
WEB STATIQUE
VIEUX
VIEUX LIMITÉ
VIEUX LIMITÉ ENNUYEUX
None
serveur navigateur MODÈLE STATIQUE
Des années de PROGRÈS
MODERNE
MODERNE PUISSANT
MODERNE PUISSANT POLYVALENT
MODÈLE DYNAMIQUE code data serveur navigateur
Problèmes du modèle DYNAMIQUE
MAINTENANCE code data serveur navigateur
SÉCURITÉ code data serveur navigateur
LENTEUR code data serveur navigateur
LENTEUR code data serveur navigateur cache cache cdn
CROISSANCE code data serveur navigateur cache cache cdn
None
Avantages du modèle STATIQUE
MAINTENANCE serveur navigateur
SÉCURITÉ serveur navigateur
RAPIDITÉ serveur navigateur
CROISSANCE serveur navigateur
CROISSANCE cdn navigateur
Problèmes du modèle STATIQUE
TEMPLATING Sans gabarits, maintenir un site devient un calvaire
TRIAGE DES DONNÉES Organiser du contenu devient peu à peu
complexe
GESTION DU CONTENU Éditer le site demande une expertise technique
FONCTIONNALITÉS Très limitées par le manque d’infrastructure
MAIS…
2018
MODÈLE STATIQUE OUTILS MODERNES +
None
J A M
JAVASCRIPT A M
JAVASCRIPT API M
JAVASCRIPT API MARKUP
LE JAMSTACK serveur api navigateur
APPORTEZ VOS OUTILS PRÉFÉRÉS Sans opinion sur le choix des
technologies utilisées
ENCOURAGE LES BONNES PRATIQUES Versionnage - Performance - Automatisation
SURPASSER le modèle statique
Problème : TEMPLATING
Solution : GÉNÉRATEUR DE SITE STATIQUE
GÉNÉRATEUR DE SITE STATIQUE + + = site gabarits contenus
gss
None
https://www.staticgen.com/
Problème : TRIAGE DES DONNÉES
Solution : MÉTADONNÉES
None
Problème : GESTION DU CONTENU
Solution : CMS
CMS GIT API
None
https://headlesscms.org/
Problème : FONCTIONNALITÉS
Solution : SERVICES & API
SURMONTER les obstacles courants
COMMENTAIRES
None
FORMULAIRES
None
RECHERCHE
Fuse.js LUNR.js
E-COMMERCE
None
ET PLUS ENCORE ! Authentification - Médias dynamiques - Notifications
POURQUOI UTILISER DES SERVICES ?
MAINTENANCE SÉCURITÉ +
Où est la LIMITE ?
None
https://www.smashingmagazine.com/
DYNAMIQUE STATIQUE
MERCI beaucoup !
QUESTIONS ?