Basic

Una plantilla simple y limpia para imágenes OG.

Dimensiones: 1024x630

Template ID: basic

Propiedades

Propiedad	Tipo	Requerido	Long. Máxima	Validación
`username` Título o nombre principal	string	Sí	50	`maxLength(50)`
`email` Dirección de correo electrónico	string	Sí	-	`email`
`phone` Número de teléfono	string	No	16	`maxLength(16)`
`description` Descripción breve	string	No	100	`maxLength(100)`
`skills` Habilidades o tecnologías	string	No	100	`maxLength(100), comma-separated, no more than 6 skills`
`imageUrl` URL de la imagen (solo HTTPS)	string (URL)	Sí	-	`url (HTTPS only)`
`primaryColor` Color de fondo	string (hex)	Sí	-	`color (hex)`
`textColor` Color del texto	string (hex)	Sí	-	`color (hex)`

Ejemplo

{
  "template": "basic",
  "username": "John Doe",
  "email": "[email protected]",
  "phone": "+(123) 4567 8900",
  "description": "A passionate developer and tech enthusiast.",
  "skills": "JavaScript, React, Node.js",
  "imageUrl": "https://example.com/image.jpg",
  "primaryColor": "#8b5cff",
  "textColor": "#000000"
}

Ejemplos de código

const response = await fetch("https://assets.qbacode.com/api/v1/generate-asset", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
        "template": "basic",
        "username": "John Doe",
        "email": "[email protected]",
        "phone": "+(123) 4567 8900",
        "description": "A passionate developer and tech enthusiast.",
        "skills": "JavaScript, React, Node.js",
        "imageUrl": "https://example.com/image.jpg",
        "primaryColor": "#8b5cff",
        "textColor": "#000000"
    })
});

if (response.ok) {
  const blob = await response.blob();
  const imageUrl = URL.createObjectURL(blob);
  document.getElementById("preview").src = imageUrl;
} else {
  const error = await response.json();
  console.error("Error:", error);
}