JAMStack, le comeback du web statique

Transcript

1. BON MATIN !
2. Damien Van Der Windt Développeur Front-End bonjour@damienvdw.com
4. WEB STATIQUE
5. VIEUX
6. VIEUX LIMITÉ
7. VIEUX LIMITÉ ENNUYEUX
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
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…
35. MODÈLE STATIQUE OUTILS MODERNES +
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
49. https://www.staticgen.com/
50. Problème : TRIAGE DES DONNÉES
51. Solution : MÉTADONNÉES
53. Problème : GESTION DU CONTENU
54. Solution : CMS
55. CMS GIT API
57. https://headlesscms.org/
58. Problème : FONCTIONNALITÉS
59. Solution : SERVICES & API
60. SURMONTER les obstacles courants
61. COMMENTAIRES
63. FORMULAIRES
65. RECHERCHE
66. Fuse.js LUNR.js
67. E-COMMERCE
69. ET PLUS ENCORE ! Authentification - Médias dynamiques - Notifications
70. POURQUOI UTILISER DES SERVICES ?
71. MAINTENANCE SÉCURITÉ +
72. Où est la LIMITE ?
74. https://www.smashingmagazine.com/
75. DYNAMIQUE STATIQUE
76. MERCI beaucoup !
77. QUESTIONS ?