mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
JJ KasperandGitHub
0329a8f7e3
Follow-up to https://github.com/vercel/next.js/pull/65825 this ensures we don't skip the static optimization specifically for metadata routes as this most often should be static as they aren't dynamic content and are requested very frequently.
38 lines
777 B
TypeScript
38 lines
777 B
TypeScript
import { ImageResponse } from 'next/og'
|
|
|
|
// Image metadata
|
|
export const size = {
|
|
width: 32,
|
|
height: 32,
|
|
}
|
|
export const contentType = 'image/png'
|
|
|
|
// Image generation
|
|
export default function Icon() {
|
|
return new ImageResponse(
|
|
(
|
|
// ImageResponse JSX element
|
|
<div
|
|
style={{
|
|
fontSize: 24,
|
|
background: 'black',
|
|
width: '100%',
|
|
height: '100%',
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
color: 'white',
|
|
}}
|
|
>
|
|
A
|
|
</div>
|
|
),
|
|
// ImageResponse options
|
|
{
|
|
// For convenience, we can re-use the exported icons size metadata
|
|
// config to also set the ImageResponse's width and height.
|
|
...size,
|
|
}
|
|
)
|
|
}
|