🎨 OG Template Manager

Customize how your flipbook preview looks on Discord, Twitter, Facebook, and WhatsApp.

📋 Rules for Your `og-generator.js` File

✅ Must be a valid .js file - Only JavaScript files are accepted.
✅ Must export generateOGImage and getOGCacheKey - Your file needs module.exports = { generateOGImage, getOGCacheKey };
✅ Must use React.createElement - Return JSX-style elements for the image.
✅ Must return a 1200x630 PNG - Use new ImageResponse(element, { width: 1200, height: 630 });
❌ No external network calls - The function runs on the server; avoid fetch or axios.
❌ No file system access - Don't use fs module.
❌ No console.log - It can break the image generation.

Download the current default template using the button below.
Edit the React.createElement styles (fonts, colors, layout, blur amount, image size, etc.).
Test it locally by uploading below. The API will automatically restart.
Test the result by sharing a flipbook link on Discord or visiting /api/og/YOUR_FLIPBOOK_ID.
If something breaks, the backup is saved automatically (check the success message for the backup path).

Upload a custom og-generator.js file to replace the current design.

⚠️ Automatic Backup: The system creates a backup before replacing your file.
Backup path: /opt/flipbook-api/og-generator.backup.[timestamp].js

Via SSH (Manual):

nano /opt/flipbook-api/og-generator.js pm2 restart flipbook-api

Via cURL (Command Line):

curl -X POST https://flipbook.gitgpt.chat/api/og/upload-template -F "file=@my-custom-og.js"