75 lines
1.7 KiB
TypeScript
75 lines
1.7 KiB
TypeScript
import {
|
|
RELATED_GRID_PHOTOS_TO_SHOW,
|
|
descriptionForPhoto,
|
|
titleForPhoto,
|
|
} from '@/photo';
|
|
import { Metadata } from 'next/types';
|
|
import { redirect } from 'next/navigation';
|
|
import {
|
|
PATH_ROOT,
|
|
absolutePathForPhoto,
|
|
absolutePathForPhotoImage,
|
|
} from '@/app/paths';
|
|
import PhotoDetailPage from '@/photo/PhotoDetailPage';
|
|
import { getPhotosNearIdCached } from '@/photo/cache';
|
|
import { cache } from 'react';
|
|
import { staticallyGeneratePhotosIfConfigured } from '@/category/server';
|
|
|
|
export const maxDuration = 60;
|
|
|
|
const getPhotosNearIdCachedCached = cache((photoId: string) =>
|
|
getPhotosNearIdCached(photoId, { limit: RELATED_GRID_PHOTOS_TO_SHOW + 2 }));
|
|
|
|
export const generateStaticParams = staticallyGeneratePhotosIfConfigured(
|
|
'page',
|
|
);
|
|
|
|
interface PhotoProps {
|
|
params: Promise<{ photoId: string }>
|
|
}
|
|
|
|
export async function generateMetadata({
|
|
params,
|
|
}:PhotoProps): Promise<Metadata> {
|
|
const { photoId } = await params;
|
|
const { photo } = await getPhotosNearIdCachedCached(photoId);
|
|
|
|
if (!photo) { return {}; }
|
|
|
|
const title = titleForPhoto(photo);
|
|
const description = descriptionForPhoto(photo);
|
|
const images = absolutePathForPhotoImage(photo);
|
|
const url = absolutePathForPhoto({ photo });
|
|
|
|
return {
|
|
title,
|
|
description,
|
|
openGraph: {
|
|
title,
|
|
images,
|
|
description,
|
|
url,
|
|
},
|
|
twitter: {
|
|
title,
|
|
description,
|
|
images,
|
|
card: 'summary_large_image',
|
|
},
|
|
};
|
|
}
|
|
|
|
export default async function PhotoPage({
|
|
params,
|
|
}: PhotoProps) {
|
|
const { photoId } = await params;
|
|
const { photo, photos, photosGrid } =
|
|
await getPhotosNearIdCachedCached(photoId);
|
|
|
|
if (!photo) { redirect(PATH_ROOT); }
|
|
|
|
return (
|
|
<PhotoDetailPage {...{ photo, photos, photosGrid }} />
|
|
);
|
|
}
|