Files
kotobane/app/api/image/[id]/route.ts
T

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 })
}
}