Hey everyone! 👋
I’ve been working on a web project designed to solve a small formatting challenge for Arabic typography and name styling: zakhrafaatasmaa.com
Tech Stack & Key Features:
Framework: Next.js (App Router) hosted seamlessly on Vercel.
Dynamic OG Images: Implemented /og to dynamically generate preview cards with custom Arabic calligraphic text when sharing links on social media.
Performance: Focused on fast client-side rendering for instant symbol and text transformations without server delay.
Quick Question for the Community: Has anyone optimized /og image caching for heavy Arabic font subsets? Right now, edge functions load custom TTF fonts smoothly, but I’d love to hear best practices for caching edge-rendered images effectively across regions.
Would love to get your thoughts or feedback on performance optimizations!