| 4 | export const runtime = 'edge' |
| 5 | |
| 6 | export async function GET(request: NextRequest) { |
| 7 | const { searchParams } = new URL(request.url); |
| 8 | const title = searchParams.get('title'); |
| 9 | const section = searchParams.get('section'); |
| 10 | |
| 11 | return new ImageResponse( |
| 12 | ( |
| 13 | <div |
| 14 | style={{ |
| 15 | height: '100%', |
| 16 | width: '100%', |
| 17 | display: 'flex', |
| 18 | backgroundColor: '#000000' |
| 19 | }} |
| 20 | > |
| 21 | <div |
| 22 | style={{ |
| 23 | flex: 2, |
| 24 | display: 'flex', |
| 25 | flexDirection: 'column', |
| 26 | justifyContent: 'center' |
| 27 | }} |
| 28 | > |
| 29 | <div |
| 30 | style={{ |
| 31 | display: 'flex', |
| 32 | flexDirection: 'column', |
| 33 | paddingLeft: 200 |
| 34 | }} |
| 35 | > |
| 36 | <h2 |
| 37 | style={{ |
| 38 | color: '#A1A1A9', |
| 39 | textTransform: 'uppercase', |
| 40 | fontSize: '1.2rem', |
| 41 | margin: 0, |
| 42 | fontWeight: 500 |
| 43 | }} |
| 44 | > |
| 45 | {section} |
| 46 | </h2> |
| 47 | <h1 |
| 48 | style={{ |
| 49 | color: '#FFFFFF', |
| 50 | fontSize: '3rem', |
| 51 | marginTop: 6 |
| 52 | }} |
| 53 | > |
| 54 | {title} |
| 55 | </h1> |
| 56 | |
| 57 | <p |
| 58 | style={{ |
| 59 | color: '#5C5C60', |
| 60 | fontSize: '1.5rem', |
| 61 | marginTop: 24 |
| 62 | }} |
| 63 | > |