Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
La leggenda del Magento senza testa
Un breve...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Mi presento
Salvatore Capritta
● Co-Founder ...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
La mia esperienza fin qui su Magento
Ha ravv...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
non del carrello!
Inizio dello sviluppo su M...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
275
482
- stack js obsoleto
- lentezza
- car...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
IL COLPO DI GRAZIA (E DI GOOGLE)
WEB VITALS ...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Un pesante Monolita - Qualche esempio
HH
Hel...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Un pesante Monolita - Qualche esempio
HH
Hel...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Un pesante Monolita - Qualche esempio
Helly ...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Un pesante Monolita - Qualche esempio
Helly ...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
LA RIVOLUZIONE SENZA TESTA
HEADLESS PWA
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
LA RIVOLUZIONE SENZA TESTA
Facciamo chiarezz...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
LA RIVOLUZIONE SENZA TESTA
COUPLED
Immagine,...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
LA RIVOLUZIONE SENZA TESTA
DECOUPLED
Immagin...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
LA RIVOLUZIONE SENZA TESTA
HEADLESS
Immagine...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
LA RIVOLUZIONE SENZA TESTA
HEADLESS
più una ...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
LA RIVOLUZIONE SENZA TESTA
“Websites that to...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
CAPABLE RELIABLE INSTALLABLE
LA RIVOLUZIONE ...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
LA RIVOLUZIONE SENZA TESTA: PWA
Sono veloci
...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
un cavaliere senza testa?
Le nuove prospetti...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Magento è pronto a perdere la testa?
Ghiglio...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Magento è pronto a perdere la testa?
Ghiglio...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Ghigliottine: Frameworks disponibili
Agnosti...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Ghigliottine - Qualche esempio
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Ghigliottine - Qualche esempio
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Ghigliottine - Qualche esempio
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Ghigliottine - Qualche esempio
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Ghigliottine - Qualche esempio
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Ghigliottine - Qualche esempio
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Ghigliottine - Qualche esempio
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Ghigliottine - Qualche esempio
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Ghigliottine - Qualche esempio
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Ghigliottine - Qualche esempio
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Ghigliottine - Qualche esempio
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Ghigliottine - Qualche esempio
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Ghigliottine
C T C T
COMPETENZE TEAM COSTI T...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
e se la testa “giusta” l’avesse già?
Il pote...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Con la testa sulle spalle
Proper Web Site.
W...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Con la testa sulle spalle
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Con la testa sulle spalle
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Con la testa sulle spalle
L’intervento di Wi...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
La mia Strada: cosa scegliere per il tuo tea...
Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa
Grazie!
Domande, idee?
Salvo[ at ]syntheticl...
Fonti e Risorse
● https://devdocs.magento.com/
● https://github.com/aleron75/mageres
● https://web.dev/vitals/
● https://w...
Fonti e Risorse
● https://github.com/magento/graphql-ce/wiki/Roadmap
● https://magentoassociation.prod.itswebs.com/event-c...
Próxima SlideShare
Cargando en…5
×

0

Compartir

Descargar para leer sin conexión

La leggenda del Magento senza testa

Descargar para leer sin conexión

Un breve viaggio alla ricerca di soluzioni ottimali per l’eCommerce di domani.
Una panoramica sulle nuove ed entusiasmanti tecnologie e le migliori soluzioni Headless al momento disponibili per Magento2.

  • Sé el primero en recomendar esto

La leggenda del Magento senza testa

  1. 1. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa La leggenda del Magento senza testa Un breve viaggio alla scoperta di nuove soluzioni per l’e-commerce di domani
  2. 2. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Mi presento Salvatore Capritta ● Co-Founder e CTO @ Synthetic; ● Sviluppatore Certificato Magento; ● Vivo a Milazzo (Sicilia) dove sviluppo e progetto dal 2000. Di cosa mi occupo: ● Progetto le nuove soluzioni e i nuovi prodotti; ● Analizzo e introduco le nuove tecnologie per il team; ● Formo sui nuovi strumenti i miei compagni di viaggio; ● Sviluppo in prima persona alcune parti dei nuovi progetti.
  3. 3. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa La mia esperienza fin qui su Magento Ha ravvivato la mia voglia di mettermi in gioco Lo amo, e a volte lo odio (ma sempre con amore) Certificarsi è uno dei modi migliori per conoscerlo Niente va mai dato per scontato su Magento Sorpresa AmoreConoscenza Passione
  4. 4. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa non del carrello! Inizio dello sviluppo su Magento pericolo autostima in agguato divinazioni, sacri comandi da cli salmodiati e inni a varie divinità Inizia la “battaglia” :) AUTOSTIMA 2.0 / 2.1 % DI ABBANDONO CABALA SANGUE IL PRIMO APPROCCIO
  5. 5. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa 275 482 - stack js obsoleto - lentezza - carico elevato - Xml - Templates - Less - Requirejs - Jquery - Knockout - UI Components Sofisticazione Limiti IL PROBLEMA SUL FRONTEND S L
  6. 6. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa IL COLPO DI GRAZIA (E DI GOOGLE) WEB VITALS - 2020 Largest Contentful Paint LCF First Input Delay FID Content Layout Shift CLS L F C
  7. 7. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Un pesante Monolita - Qualche esempio HH Helly hansen
  8. 8. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Un pesante Monolita - Qualche esempio HH Helly hansen
  9. 9. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Un pesante Monolita - Qualche esempio Helly hansen BB Bjorn Borg
  10. 10. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Un pesante Monolita - Qualche esempio Helly hansen BB Bjorn Borg
  11. 11. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa LA RIVOLUZIONE SENZA TESTA HEADLESS PWA
  12. 12. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa LA RIVOLUZIONE SENZA TESTA Facciamo chiarezza sui termini
  13. 13. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa LA RIVOLUZIONE SENZA TESTA COUPLED Immagine, credits: https://www.brightspot.com/solutions/decoupled-cms-and-headless-cms-platform
  14. 14. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa LA RIVOLUZIONE SENZA TESTA DECOUPLED Immagine, credits: https://www.brightspot.com/solutions/decoupled-cms-and-headless-cms-platform
  15. 15. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa LA RIVOLUZIONE SENZA TESTA HEADLESS Immagine, credits: https://www.brightspot.com/solutions/decoupled-cms-and-headless-cms-platform
  16. 16. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa LA RIVOLUZIONE SENZA TESTA HEADLESS più una strategia che una tecnologia Headless Commerce is like teenage sex: everyone talks about it, nobody really knows how to do it, everyone thinks everyone else is doing it, so everyone claims they are doing it. cit. Allan MacGregor https://allanmacgregor.medium.com/exploring-headless-commerce- 698925c5573a
  17. 17. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa LA RIVOLUZIONE SENZA TESTA “Websites that took all the right vitamins”
  18. 18. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa CAPABLE RELIABLE INSTALLABLE LA RIVOLUZIONE SENZA TESTA: PWA INSTALLABLERELIABLE
  19. 19. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa LA RIVOLUZIONE SENZA TESTA: PWA Sono veloci Best Practices + Checklist Funzionano Offline Project Fugu 04 0301 02 RESPONSIVE RICERCABILI APP-LIKE AGGIORNATESICURE LINKABILIINSTALLABILIRIATTIVABILI PROGRESSIVE
  20. 20. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa un cavaliere senza testa? Le nuove prospettive per Magento Ghigliottine
  21. 21. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Magento è pronto a perdere la testa? Ghigliottine GraphQL Integrate dalla 2.3, sembrano essere giunte a uno stato di maturità. Status Allo stato attuale, disponibile la quasi totalità delle funzionalità B2C: link Plan E’ possibile consultare la roadmap del progetto su Github: link 15h 13h 10h h 8h h
  22. 22. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Magento è pronto a perdere la testa? Ghigliottine Magento Association “Let’s face it: the Magento 2 front end was already old when it was released, and we’ve seen how that plays with frameworks like Prototype.js and Knockout.js.” Miguel Balparda Using Progressive Web Apps for your Magento Store 15h 13h 10h h 8h h
  23. 23. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Ghigliottine: Frameworks disponibili Agnostici Magento-only Vue StoreFront Next.js Deity Falcon Front Commerce Pwa Studio ScandiPwa
  24. 24. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Ghigliottine - Qualche esempio
  25. 25. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Ghigliottine - Qualche esempio
  26. 26. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Ghigliottine - Qualche esempio
  27. 27. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Ghigliottine - Qualche esempio
  28. 28. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Ghigliottine - Qualche esempio
  29. 29. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Ghigliottine - Qualche esempio
  30. 30. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Ghigliottine - Qualche esempio
  31. 31. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Ghigliottine - Qualche esempio
  32. 32. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Ghigliottine - Qualche esempio
  33. 33. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Ghigliottine - Qualche esempio
  34. 34. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Ghigliottine - Qualche esempio
  35. 35. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Ghigliottine - Qualche esempio
  36. 36. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Ghigliottine C T C T COMPETENZE TEAM COSTI TEMPI Profuma di futuro, entusiasma, ma ha un costo
  37. 37. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa e se la testa “giusta” l’avesse già? Il potere nascosto di Magento2 Con la testa sulle spalle
  38. 38. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Con la testa sulle spalle Proper Web Site. Willem Wigman presenta Hyva con il talk “The biggest Secret Ever!” LARAVEL ECOSYSTEM REACTICON V3 PWS :) Tailwind CSS + Alpine JS + GraphQl
  39. 39. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Con la testa sulle spalle
  40. 40. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Con la testa sulle spalle
  41. 41. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Con la testa sulle spalle L’intervento di Willem Wigman al Reacticon V3 - slides: link - youtube: link La demo di Hyva - https://demo.hyva.io HYVA Cambierà le regole del gioco?
  42. 42. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa La mia Strada: cosa scegliere per il tuo team TEAM BUDGET CLIENTE OBIETTIVO PRODOTTO COMPETENZE
  43. 43. Salvatore Capritta - salvo@syntheticlab.itLa leggenda del Magento senza testa Grazie! Domande, idee? Salvo[ at ]syntheticlab.it Twitter: https://twitter.com/scapritta Linkedin: https://www.linkedin.com/in/salvatorecapritta/
  44. 44. Fonti e Risorse ● https://devdocs.magento.com/ ● https://github.com/aleron75/mageres ● https://web.dev/vitals/ ● https://webmasters.googleblog.com/2020/05/evaluating-page-experience.html ● https://www.hellyhansen.com/ ● https://www.bjornborg.com/en/ ● https://www.brightspot.com/solutions/decoupled-cms-and-headless-cms- platform ● https://allanmacgregor.medium.com/exploring-headless-commerce- 698925c5573a ● https://headlesscommerce.org/ ● https://web.dev/progressive-web-apps/ ● https://web.dev/pwa-checklist/ ● https://whatwebcando.today/ ● https://caniuse.com/?search=PWA ● https://medium.com/swlh/what-is-project-fugu-googles-initiative-to-unlock-all- native-device-features-for-the-web-892fafa726f9 ● https://devdocs.magento.com/guides/v2.4/graphql/#the-current-state-of- magento-graphql
  45. 45. Fonti e Risorse ● https://github.com/magento/graphql-ce/wiki/Roadmap ● https://magentoassociation.prod.itswebs.com/event-content-details/using- progressive-web-apps-for-your-magento-store ● https://github.com/sandermangel/awesome-pwa- ecommerce/blob/master/README.md ● https://www.vuestorefront.io/ ● https://www.front-commerce.com/en/ ● https://deity.io/ ● https://nextjs.org/commerce ● https://magento.github.io/pwa-studio/ ● https://scandipwa.com ● https://medium.com/@bjoern.meyer ● https://docs.google.com/spreadsheets/d/1nx5jcHa6reIH20q20uDnZLQNjuK2oh k-HmQ09hy9NCE/edit#gid=0 ● https://magento.github.io/pwa-studio/technologies/theme-vs-storefront/ ● https://reacticon.org/ ● http://demo.hyva.io ● https://www.integer-net.com/hyva-themes-and-the-magento-frontend-problem/ Template originale, usato per la presentazione, credits: Slidesgo and Freepik

Un breve viaggio alla ricerca di soluzioni ottimali per l’eCommerce di domani. Una panoramica sulle nuove ed entusiasmanti tecnologie e le migliori soluzioni Headless al momento disponibili per Magento2.

Vistas

Total de vistas

150

En Slideshare

0

De embebidos

0

Número de embebidos

2

Acciones

Descargas

0

Compartidos

0

Comentarios

0

Me gusta

0

×