41 lines
1.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
import { getPhotosCached } from '@/photo/cache';
|
|
import {
|
|
IMAGE_OG_DIMENSION_SMALL,
|
|
MAX_PHOTOS_TO_SHOW_OG,
|
|
} from '@/image-response';
|
|
import HomeImageResponse from '@/image-response/HomeImageResponse';
|
|
import { getIBMPlexMonoMedium } from '@/app/font';
|
|
import { ImageResponse } from 'next/og';
|
|
import { getImageResponseCacheControlHeaders } from '@/image-response/cache';
|
|
import { isNextImageReadyBasedOnPhotos } from '@/photo';
|
|
|
|
export const dynamic = 'force-static';
|
|
|
|
export async function GET() {
|
|
const [
|
|
photos,
|
|
headers,
|
|
{ fontFamily, fonts },
|
|
] = await Promise.all([
|
|
getPhotosCached({ limit: MAX_PHOTOS_TO_SHOW_OG }).catch(() => []),
|
|
getImageResponseCacheControlHeaders(),
|
|
getIBMPlexMonoMedium(),
|
|
]);
|
|
|
|
const { width, height } = IMAGE_OG_DIMENSION_SMALL;
|
|
|
|
// Make sure next/image can be reached from absolute urls,
|
|
// which may not exist on first pre-render
|
|
const isNextImageReady = await isNextImageReadyBasedOnPhotos(photos);
|
|
|
|
return new ImageResponse(
|
|
<HomeImageResponse {...{
|
|
photos: isNextImageReady ? photos : [],
|
|
width,
|
|
height,
|
|
fontFamily,
|
|
}}/>,
|
|
{ width, height, headers, fonts },
|
|
);
|
|
}
|