websites/apps/foundation/app/(Site)/blog/[slug]/page.tsx

import BlogPost from '@/app/(Site)/blog/[slug]/BlogPost';
import logger from '@/lib/logger';
import { client } from '@/lib/sanity/sanity.client';
import { generateSanityMetadata } from '@session/sanity-cms/lib/metadata';
import { getPostBySlug } from '@session/sanity-cms/queries/getPost';
import { getPostsSlugs } from '@session/sanity-cms/queries/getPosts';
import type { Metadata, ResolvingMetadata } from 'next';
import { notFound } from 'next/navigation';

/**
 * Force static rendering and cache the data of a layout or page by forcing `cookies()`, `headers()`
 * and `useSearchParams()` to return empty values.
 * @see {@link https://nextjs.org/docs/app/api-reference/file-conventions/route-segment-config#dynamic}
 */
export const dynamic = 'force-static';
/**
 * Dynamic segments not included in generateStaticParams are generated on demand.
 * @see {@link https://nextjs.org/docs/app/api-reference/file-conventions/route-segment-config#dynamicparams}
 */
export const dynamicParams = true;

export async function generateMetadata(
  { params }: PageProps,
  parent: ResolvingMetadata
): Promise<Metadata> {
  const slug = params.slug;
  if (!slug) {
    logger.warn('No slug provided for metadata generation');
    return {};
  }

  logger.info(`Generating metadata for slug ${slug}`);

  const post = await getPostBySlug({ client, slug });

  if (!post) {
    logger.warn(`No post found for slug ${slug}`);
    return {};
  }
  const parentMetadata = await parent;

  const publishedTime = post.date ? new Date(post.date).toISOString() : undefined;
  const authors = post.author?.name ? [post.author.name] : undefined;
  const tags = post.tags?.length ? post.tags : undefined;

  return generateSanityMetadata(client, {
    seo: post.seo,
    parentMetadata,
    type: 'article',
    publishedTime,
    authors,
    tags,
  });
}

export async function generateStaticParams() {
  const posts = await getPostsSlugs({ client });
  const slugs = new Set(posts.map((post) => post.slug.current));

  if (slugs.size === 0) {
    console.warn('No posts found. Not statically generating any posts.');
  }

  const postsToGenerate = Array.from(slugs);
  logger.info(`Generating static params for ${postsToGenerate.length} posts`);
  logger.info(postsToGenerate);
  return postsToGenerate;
}

type PageProps = {
  params: { slug?: string };
};

export default async function PostPage({ params }: PageProps) {
  const slug = params.slug;

  if (!slug) {
    logger.warn(
      "No slug provided for post page, this means next.js couldn't find the post home page. Returning not found"
    );
    return notFound();
  }

  logger.info(`Generating page for slug ${slug}`);

  const post = await getPostBySlug({
    client,
    slug,
  });

  if (!post) return notFound();

  return <BlogPost post={post} />;
}