Create beautiful Open Graph images with Browsershot and Tailwind CSS

protone.media - submitted by Pascal Baljet

For Artisan School, I wanted to create custom Open Graph images for each video page. When somebody shares a link on social media, platforms like Facebook and Twitter use the OG image to represent the shared link. I'll show you how to use Browsershot and Tailwind CSS to generate and save the OG images.

Read more [protone.media]

Join 9,500+ smart developers

Get my monthly newsletter with what I learn from running Spatie, building Oh Dear, and maintaining 300+ open source packages. Practical takes on Laravel, PHP, and AI that you can actually use.

"Freek publishes a super resourceful and practical newsletter. A must for anyone in the Laravel space"

Joey Kudish — Shipping with AI as a teammate

No spam. Unsubscribe anytime. You can also follow me on X.

Found something interesting to share? Submit a link to the community section.