Vercel/app/shot-on/[make]/[model]/page.tsx
2025-03-29 23:40:01 -05:00

77 lines
1.7 KiB
TypeScript

import { Metadata } from 'next/types';
import { CameraProps, formatCameraParams } from '@/camera';
import { generateMetaForCamera } from '@/camera/meta';
import { INFINITE_SCROLL_GRID_INITIAL } from '@/photo';
import { getPhotosCameraDataCached } from '@/camera/data';
import CameraOverview from '@/camera/CameraOverview';
import { cache } from 'react';
import { getUniqueCameras } from '@/photo/db/query';
import { staticallyGenerateCategoryIfConfigured } from '@/app/static';
const getPhotosCameraDataCachedCached = cache((
make: string,
model: string,
) => getPhotosCameraDataCached(
make,
model,
INFINITE_SCROLL_GRID_INITIAL,
));
export const generateStaticParams = staticallyGenerateCategoryIfConfigured(
'cameras',
'page',
getUniqueCameras,
cameras => cameras.map(({ camera }) => formatCameraParams(camera)),
);
export async function generateMetadata({
params,
}: CameraProps): Promise<Metadata> {
const { make, model } = await params;
const [
photos,
{ count, dateRange },
camera,
] = await getPhotosCameraDataCachedCached(make, model);
const {
url,
title,
description,
images,
} = generateMetaForCamera(camera, photos, count, dateRange);
return {
title,
openGraph: {
title,
description,
images,
url,
},
twitter: {
images,
description,
card: 'summary_large_image',
},
description,
};
}
export default async function CameraPage({
params,
}: CameraProps) {
const { make, model } = await params;
const [
photos,
{ count, dateRange },
camera,
] = await getPhotosCameraDataCachedCached(make, model);
return (
<CameraOverview {...{ camera, photos, count, dateRange }} />
);
}