Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Medialibrary (laravel paris)

Medialibrary (laravel paris)

Freek Van der Herten

November 30, 2017
Tweet

More Decks by Freek Van der Herten

Other Decks in Technology

Transcript

  1. Handling media
    in a Laravel app

    View Slide

  2. About me
    Freek Van der Herten
    Partner & developer at SPATIE
    Blogging at https://murze.be
    Building https://ohdearapp.com

    View Slide

  3. About me
    phpantwerp.be
    Dries Vints
    @driesvints
    Frederick Vanbrabant
    @maybeFrederick

    View Slide

  4. Since 2003
    Websites, applications and webshops
    Team
    6 developers, 1 manager
    Specialization
    Laravel development

    View Slide

  5. https://spatie.be/opensource

    View Slide

  6. http://github-awards.com/users?type=world&language=php
    Open source software

    View Slide

  7. WE ❤ POSTCARDS

    View Slide

  8. Spatie

    Samberstraat 69D
    2060 Antwerp

    Belgium

    View Slide

  9. View Slide

  10. HANDLING MEDIA

    View Slide

  11. User uploaded content
    Where to store it all?
    How to retrieve it?
    How to create derived images?
    The problem

    View Slide

  12. LARAVEL MEDIALIBRARY

    View Slide

  13. Associate files with Eloquent models
    Can group media into collections
    Image conversions
    Uses multiple filesystems
    Easily installed into any Laravel application
    Laravel Medialibrary

    View Slide

  14. Optimize converted images
    Custom image generators
    Customize directory structure
    Custom attributes
    Laravel Medialibrary

    View Slide

  15. https://docs.spatie.be/laravel-medialibrary

    View Slide

  16. View Slide

  17. DEMO

    View Slide

  18. WRAPPING UP

    View Slide

  19. https://docs.spatie.be/laravel-medialibrary/v6


    https://docs.spatie.be/image/v1/introduction


    https://www.youtube.com/watch?v=4lq_6JLR2H8


    https://github.com/spatie/laravel-medialibrary

    Resources

    View Slide

  20. Future plans
    Greater control over media collections


    Vue components


    Upload directly to S3


    Support for responsive images / srcset


    View Slide

  21. Thank you!
    https://speakerdeck.com/freekmurze/medialibrary-laravel-paris
    https://spatie.be/opensource
    https://murze.be
    https://murze.be/newsletter/

    View Slide

  22. QUESTIONS?

    View Slide