Dynamic Image Generation for Profile Cards

This project is a dynamic image generation service, which generates images for sharing on social media platforms. It takes parameters from the URL and generates a customizable image with a title, subtitle, avatar, and a set of tags, each with an icon, label, and color.

Usage

To use this service, make a GET request to the endpoint with the following URL parameters:

• title: The title of the image.
• subtitle: The subtitle of the image.
• color: The color of the image.
• avatar: The URL of the avatar image.
• tags: A semicolon-separated list of tags, with each tag having a comma-separated list of label, color, and icon.

For example, the following URL will generate the image below:

https://peatch-image-preview.vercel.app/api/image?title=John Doe&subtitle=Product &avatar=https://d262mborv4z66f.cloudfront.net/users/149/KO7uaU43.svg&color=FF8C42&tags=Mentor,17BEBB,e8d3;Founder,FF8C42,eb39;Business Developer,93961F,e992;AI Engineer,685155,f882;Investor,FE5F55,e2eb;Dog Father,685155,f149;Entrepreneur,EF5DA8,e7c8

Next, run Next.js in development mode:

npm install
npm run dev

# or

yarn
yarn dev