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

Handling media in a Laravel app (Laracon US)

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Freek Van der Herten Freek Van der Herten
July 25, 2018
Programming
1
1.1k

Handling media in a Laravel app (Laracon US)

Avatar for Freek Van der Herten

Freek Van der Herten

July 25, 2018
Tweet

More Decks by Freek Van der Herten

See All by Freek Van der Herten
Uncharted packages (ode aan de code)
Avatar for Freek Van der Herten freekmurze
0
60
Uncharted packages (Laravel Live Denmark)
Avatar for Freek Van der Herten freekmurze
0
250
I shall define this only once
Avatar for Freek Van der Herten freekmurze
0
470
An Introduction to Snapshot testing
Avatar for Freek Van der Herten freekmurze
0
550
Event Sourcing In Laravel
Avatar for Freek Van der Herten freekmurze
0
280
Building a realtime dashboard with Laravel Livewire (PHPKonf)
Avatar for Freek Van der Herten freekmurze
0
860
A tour behind the scenes of Oh Dear (PHP Benelux)
Avatar for Freek Van der Herten freekmurze
2
900
A practical look at multitenancy in Laravel
Avatar for Freek Van der Herten freekmurze
1
400
A practical look at multitenancy in Laravel (Laracon US)
Avatar for Freek Van der Herten freekmurze
0
780

Other Decks in Programming

See All in Programming
Ruby and LLM Ecosystem 2nd
Avatar for Koichi ITO koic
1
1.4k
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
Avatar for Ryuta Hamasaki avosalmon
1
270
The free-lunch guide to idea circularity
Avatar for Holly Cummins hollycummins
0
390
Reactive ❤️ Loom: A Forbidden Love Story
Avatar for Francesco Nigro franz1981
2
200
おれのAgentic Coding 2026/03
Avatar for TsukasaSekiguchi tsukasagr
1
120
今こそ押さえておきたい アマゾンウェブサービス（AWS）の データベースの基礎 おもクラ #6版
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
210
車輪の再発明をしよう！PHP で実装して学ぶ、Web サーバーの仕組みと HTTP の正体
Avatar for H1R0 h1r0
2
450
生成 AI 時代のスナップショットテストってやつを見せてあげますよ（α版）
Avatar for ojun ojun9
0
320
それはエンジニアリングの糧である：AI開発のためにAIのOSSを開発する現場より / It serves as fuel for engineering: insights from the field of developing open-source AI for AI development.
Avatar for nrs nrslib
1
690
KagglerがMixSeekを触ってみた
Avatar for Morim morim
0
350
Codexに役割を持たせる 他のAIエージェントと組み合わせる実務Tips
Avatar for o8n o8n
4
1.4k
Smarter Angular mit Transformers.js & Prompt API
Avatar for Christian Liebel christianliebel
PRO
1
100

Featured

See All Featured
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
180
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
100
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
690
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
500
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
330
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
150
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
140
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
150
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
420

Transcript

  1. Handling media
 in a Laravel app

  2. The problem User uploaded content Where to store it all?

    How to retrieve it? How to optimize images?

  3. Laravel 
 Medialibrary

  4. Laravel Medialibrary Associate files with Eloquent models Can group media

    into collections Image conversions Uses multiple filesystems

  5. Laravel Medialibrary Optimize converted images Custom image generators Customize directory

    structure Custom attributes

  6. Add file
 Upload, copy, … New media Derived formats
 Srcset,

    crops, thumbs, … Existing model
 Eg. news item Disks
 Local or remote Database

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

  8. None

  9. Demo

  10. Wrapping up

  11. Resources https://github.com/spatie/medialibrary-demo-laracon-us
 
 https://docs.spatie.be/laravel-medialibrary/v7
 
 https://www.youtube.com/watch?v=4lq_6JLR2H8
 
 https://github.com/spatie/laravel-medialibrary


  12. Coming soon Vue components
 
 Uploads
 
 Administering a media

    collection
 
 Release Q3 - Q4 2018

  13. Teamwork Sebastian De Deyne
 @sebdedeyne
 
 Willem Van Bockstal
 @willemvbockstal


    
 Alex Vanderbist
 @alexvanderbist
 
 Brent Roose
 @brendt_gd

  14. Thank you! Freek Van der Herten Partner & developer at

    SPATIE https://spatie.be/open-source https://ohdearapp.com https://murze.be