Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

New Media Module - NeosCon 2020

116 vues

Publié le

First introduction of the React based media module rewrite for Neos CMS. It's powered by an extendable GraphQL based api.

Publié dans : Technologie
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

New Media Module - NeosCon 2020

  1. 1. THE NEW MEDIA MODULE ONE MORE THING SEBASTIAN HELZLE - NEOSCON ONLINE 2020
  2. 2. THE NEW MEDIA MODULE - NEOSCON 2020 ABOUT ME ▸Consultant for developing rich Neos applications ▸Neos core team member since 2013 ▸@home in Karlsruhe & Cambodia ▸Father of a cute boy ▸Bakerman who’s baking bread ▸@sebobo
  3. 3. THE NEW MEDIA MODULE - NEOSCON 2020 AGENDA ▸It took some time ▸A new API ▸A new backend module ▸A new UI integration ▸The road ahead ▸Summary
  4. 4. It took some time
  5. 5. THE NEW MEDIA MODULE - NEOSCON 2020 THE PAST & THE PRESENT ▸Current media module since Neos 1.0 👵🏽 👴🏽 ▸Only minor improvements 🐁 ▸Hard to extend 🏽 ▸But the main concept worked well! 😊
  6. 6. TEXT IMPROVEMENTS WERE DISCUSSED ▸Improve extendability ▸Not scalable ▸Handle additional metadata ▸Behave more like the content module ▸Allow batch actions https://discuss.neos.io/t/rfc-media-module-improvements-extendability/2944 https://github.com/neos/metadata
  7. 7. THE NEW MEDIA MODULE - NEOSCON 2020 THE NEW APPROACH ▸Decision for redevelopment @ Neos sprint Vienna 2019 ▸We wanted ▸Improved UX 🏽 ▸Extensibility 🏽 ▸Performance 🚀 ▸Future proof 🏽
  8. 8. A new API
  9. 9. THE NEW MEDIA MODULE - NEOSCON 2020 GRAPHQL API ▸Using the t3n/graphql implementation ▸Public media API for the future ▸Extendable ▸Build your own (headless?) apps with it ▸Respects policies
  10. 10. A new backend module
  11. 11. THE NEW MEDIA MODULE - NEOSCON 2020 TECHNICAL OVERVIEW ▸Implemented with TypeScript, React, Apollo GraphQL, Recoil, … 👩🏽🔬 ▸Using Neos UI React components ♻️ ▸Tested with TestCafe ☕️ ▸Built with Love ❤️
  12. 12. THE NEW MEDIA MODULE - NEOSCON 2020 WHAT HAS CHANGED ▸Great performance ▸Optimistic UI ▸Improved UX ▸Faster to add new features ▸Built with future extensibility in mind
  13. 13. THE NEW MEDIA MODULE - NEOSCON 2020 IMPLEMENTED NEW FEATURES ▸Remember UI state ✅ ▸Improved feedback on upload ✅ ▸Use the public API for your own apps ✅ ▸Sticky pagination ✅ ▸Inspector ✅
  14. 14. THE NEW MEDIA MODULE - NEOSCON 2020 NEW FEATURES BEING WORKED ON ▸Batch actions ▸Improved media type support ▸Nested tags & collections ▸Manage imported assets ▸Handle EXIF and IPTC metadata ▸Full responsiveness
  15. 15. THE NEW MEDIA MODULE - NEOSCON 2020 PLANNED FEATURES ▸Improved asset usage calculation ▸Extensibility ▸New Collection / Folder / Tag system
  16. 16. A new UI integration
  17. 17. THE NEW MEDIA MODULE - NEOSCON 2020 A NEW UI INTEGRATION ▸Plugin for Neos UI ▸Same codebase as backend module ▸Compatible with existing inspector editors ▸Faster & more flexible ▸Can use more space
  18. 18. The road ahead
  19. 19. TRY NOW WITH NEOS 5.2 composer require flowpack/media-ui
  20. 20. DEFAULT MEDIA MODULE WITH NEOS 6.0
  21. 21. DEPRECATE EXISTING MEDIA MODULE UNTIL NEOS 7.0
  22. 22. BECOME PART OF THE EFFORT
  23. 23. https://github.com/Flowpack/media-ui/projects/1
  24. 24. THE NEW MEDIA MODULE - NEOSCON 2020 WHAT YOU CAN DO ▸Test & review ▸Give feedback & collaborate ▸Help with the implementation ▸Add feature requests ▸Sponsor the development
  25. 25. CROWD FUNDING
  26. 26. THE NEW MEDIA MODULE - NEOSCON 2020 MILESTONES & FUNDING ▸No sponsorship yet ▸First pre-release version during NeosCon 2020 ▸Finish basic stable version for Neos 6.0 release - 12.000€
  27. 27. THE NEW MEDIA MODULE - NEOSCON 2020 MILESTONES & FUNDING ▸Permissions - 2.000€ ▸More fine grained control over privileges in the module ▸Extensibility - 5.000€ ▸Add your own components like in the Neos UI ▸New UI primary editors - 3.000€ ▸Asset and image editors ▸Improved cropping, sizing etc…
  28. 28. THE NEW MEDIA MODULE - NEOSCON 2020 STRETCH GOALS ▸Focus point editor ▸New variant tab & editor ▸Improved asset usage calculations and UI integration ▸New Collection / Tag / Folder system
  29. 29. Thank you!
  30. 30. THE NEW MEDIA MODULE - NEOSCON 2020 AND THANKS TO ▸Bastian Waidelich ▸Christian Müller ▸Daniel Lienert ▸Johannes Steu ▸My wife and kid 😘
  31. 31. THE NEW MEDIA MODULE - NEOSCON 2020 ▸Contact ▸@Sebobo 🐦 ▸shelzle@neos.io ▸https://github.com/Sebobo ▸Involve ▸https://github.com/Flowpack/media-ui/projects/1

×