vercel/satori
چه کاری انجام میده؟ کتابخانه‌ای قدرتمند و سبک که کد HTML و CSS رو به تصویر SVG تبدیل میکنه، بدون نیاز به مرورگر یا DOM واقعی
کاربرد:
ساخت تصاویر پویا مثل بنر، کارت شبکه‌های اجتماعی، اشتراک‌گذاری محتوا (Open Graph)، لوگو، یا هر عنصر گرافیکی که بخوای با کد تولید شود
در چه شرایطی بهتره استفاده شود؟
وقتی به رندر سریع و بدون مرورگر نیاز داری، مثلاً توی محیط‌های سروری مثل Node.js یا Edge Functions و میخوای خروجی گرافیکی پایدار و تمیز داشته باشی ️
چند مثال از موارد استفاده:
- تولید خودکار تصاویر OG برای صفحات وب
- ساخت کارت توییت برای اشتراک‌گذاری در تلگرام یا توییتر
- نمایش کد HTML ساده با استایل به صورت تصویر در ایمیل یا پیام
- استفاده در Vercel Edge Functions برای رندر سریع تصاویر در لحظه
- ##html
- ##server
- ##vercel
- ##dynamic
- ##og
- ##edge
- ##satori
- ##web
- ##svg
- ##no