52 lines
1.1 KiB
TypeScript
52 lines
1.1 KiB
TypeScript
|
import { ImageResponse } from '@vercel/og'
|
||
|
|
import { NextRequest } from 'next/server'
|
||
|
|
|
||
|
|
export const config = {
|
||
|
|
runtime: 'experimental-edge',
|
||
|
|
}
|
||
|
|
|
||
|
|
export default async function handler(req: NextRequest) {
|
||
|
|
const { searchParams } = req.nextUrl
|
||
|
|
const username = searchParams.get('username')
|
||
|
|
if (!username) {
|
||
|
|
return new ImageResponse(<>{'Visit with "?username=vercel"'}</>, {
|
||
|
|
width: 1200,
|
||
|
|
height: 630,
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
return new ImageResponse(
|
||
|
|
(
|
||
|
|
<div
|
||
|
|
style={{
|
||
|
|
fontSize: 60,
|
||
|
|
color: 'black',
|
||
|
|
background: '#f6f6f6',
|
||
|
|
width: '100%',
|
||
|
|
height: '100%',
|
||
|
|
paddingTop: 50,
|
||
|
|
flexDirection: 'column',
|
||
|
|
justifyContent: 'center',
|
||
|
|
alignItems: 'center',
|
||
|
|
display: 'flex',
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
{/* eslint-disable-next-line @next/next/no-img-element */}
|
||
|
|
<img
|
||
|
|
alt="avatar"
|
||
|
|
width="256"
|
||
|
|
src={`https://github.com/${username}.png`}
|
||
|
|
style={{
|
||
|
|
borderRadius: 128,
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
<p>github.com/{username}</p>
|
||
|
|
</div>
|
||
|
|
),
|
||
|
|
{
|
||
|
|
width: 1200,
|
||
|
|
height: 630,
|
||
|
|
}
|
||
|
|
)
|
||
|
|
}
|