36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
import { NextRequest, NextResponse } from 'next/server'
|
|
|
|
export async function GET(
|
|
req: NextRequest,
|
|
{ params }: { params: Promise<{ id: string }> },
|
|
) {
|
|
const { id } = await params
|
|
const { searchParams } = new URL(req.url)
|
|
const width = searchParams.get('width') || '800'
|
|
const quality = searchParams.get('quality') || '80'
|
|
|
|
const directusUrl = process.env.DIRECTUS_URL!
|
|
const token = process.env.DIRECTUS_TOKEN!
|
|
|
|
try {
|
|
const res = await fetch(
|
|
`${directusUrl}/assets/${id}?width=${width}&quality=${quality}`,
|
|
{
|
|
headers: { Authorization: `Bearer ${token}` },
|
|
},
|
|
)
|
|
|
|
if (!res.ok) {
|
|
return NextResponse.json({ error: 'Image not found' }, { status: 404 })
|
|
}
|
|
|
|
const headers = new Headers()
|
|
headers.set('Content-Type', res.headers.get('Content-Type') || 'image/jpeg')
|
|
headers.set('Cache-Control', 'public, max-age=31536000, immutable')
|
|
|
|
return new NextResponse(res.body, { status: 200, headers })
|
|
} catch {
|
|
return NextResponse.json({ error: 'Failed to fetch image' }, { status: 502 })
|
|
}
|
|
}
|