🌐 Thumbline Generator
📸 Create dynamic OG images with ease using Thumbline Generator, powered by Nuxt 3! Ideal for social media optimization and generating professional thumbnails for your links.
Features
- 🎨 Customizable Titles: Add custom titles to your OG images.
- 🖼️ Background & Text Color Customization: Personalize your images with different background and text colors.
- 🖋️ Logo Integration: Add logos to the top left of your images.
- 📦 Serverless Architecture: Built with Nuxt 3 for fast, efficient performance.
- 📄 PNG Output: Generate images in PNG format for easy sharing.
🔗 Links
🚀 API Usage
Endpoint
GET /api/og-image
Query Parameters
| Parameter | Type | Required | Description | Example |
|---|---|---|---|---|
title | string | Yes | The main title text to display on the image. | My Awesome Blog Post |
bgColor | string | No | Hex code for the background color of the image. | #1e293b |
textColor | string | No | Hex code for the color of the text. | #ffffff |
logoUrl | string | No | URL of the logo image to display in the top left corner. | https://example.com/logo.png |
Example Request
GET http://localhost:3000/api/og-image?title=My%20Awesome%20Blog%20Post&bgColor=%231e293b&textColor=%23ffffff&logoUrl=https://example.com/logo.png
Example Response
The above request will return an Open Graph image with the specified parameters, which can be used for social sharing.
Error Responses
If the title parameter is missing, the API will return the following error:
{
"error": "Title is required"
}
🤝 Contributing
We welcome contributions! To contribute:
- 🍴 Fork the repository.
- 🌿 Create a new branch (
git checkout -b feature-branch). - 💾 Commit your changes (
git commit -m 'Add new feature'). - 🚀 Push to the branch (
git push origin feature-branch). - 🔃 Open a pull request.
📄 License
This project is licensed under the MIT License. See the LICENSE file for details.
Created with ❤️ by [Nexos Creation](https://github.com/nexoscreation)