Subscribe to šŸ’Œ Tiny Improvements, my weekly newsletter for product builders. It's a single, tiny idea to help you build better products.

Using Satori and Next.js to generate dynamic images

Join me for an exciting live stream where we dive into the world of design and development at Craftwork! šŸŽØšŸ’»

šŸ”§ In this session, we'll explore how we use a variety of image templates to elevate our software's appearance. From stylized portraits of our talented team members to vibrant paint swatches and eye-catching Open Graph (OG) preview images for our website, we'll unveil the secrets behind our visual magic.

šŸ–Œļø We'll kick things off by using the power of Figma, our design tool of choice, to craft stunning templates. Then, we'll dive deep into the development side, where we'll transform these designs into dynamically generated images. How? With the incredible Satori library and the magic of Edge Functions on Next.js, brought to you by the team at @VercelHQ .

I'll be building with:

  • Satori & Next.js from @VercelHQ
  • Figma
  • Visual Studio Code
  • TypeScript
  • Tailwind CSS @TailwindLabs

šŸ“… Mark your calendars and join us on Jan 27th at noon EST for an insightful journey through the intersection of design and development. Whether you're a React developer, JavaScript enthusiast, TypeScript pro, designer, or simply curious about UX and tech, this livestream is for you!

Don't miss out on this opportunity to learn, create, and connect. Be sure to subscribe and click the notification bell to stay updated on this and more exciting content from Craftwork.

See you there! šŸš€šŸŽ‰



šŸ’Œ Tiny Improvements: my weekly newsletter sharing one small yet impactful idea for product builders, startup founders, and indiehackers.

It's your cheat code for building products your customers will love. Learn from the CTO of a Y Combinator-backed startup, with past experience at Google, Stripe, and Microsoft.

    Join the other product builders, and start shipping today!