export const runtime = 'edge'
import { ImageResponse } from 'next/og'
import { Inter } from 'next/font/google'
// Image metadata
export const alt = 'Open Graph Image'
export const size = {
width: 1200,
height: 630,
}
export const contentType = 'image/png'
const InterRegular = Inter({
subsets: ['latin'],
variable: '--font-sans',
})
// Image generation
export default async function Image({ params }: { params: { id: number } }) {
try {
// some code..
return new ImageResponse(
(
...
<img
src={`https://<MYDOMAIN>/cdn-cgi/image/format=jpeg/${originalWebpImageUrl}`}
tw="w-[48%] border border-gray-500 rounded-md"
alt="Imagem destaque"
/>
...
)
}
export const runtime = 'edge'
import { ImageResponse } from 'next/og'
import { Inter } from 'next/font/google'
// Image metadata
export const alt = 'Open Graph Image'
export const size = {
width: 1200,
height: 630,
}
export const contentType = 'image/png'
const InterRegular = Inter({
subsets: ['latin'],
variable: '--font-sans',
})
// Image generation
export default async function Image({ params }: { params: { id: number } }) {
try {
// some code..
return new ImageResponse(
(
...
<img
src={`https://<MYDOMAIN>/cdn-cgi/image/format=jpeg/${originalWebpImageUrl}`}
tw="w-[48%] border border-gray-500 rounded-md"
alt="Imagem destaque"
/>
...
)
}