SEO Optimization

// src/app/sitemap.ts
import type { MetadataRoute } from 'next';
import { createNextBlogAIForNextJs } from 'next-blog-ai';

const { getAllBlogSlugs, getBlogPostSEO } = createNextBlogAIForNextJs(process.env.NEXT_BLOG_AI_API_KEY!);

export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
  const { data, error } = await nextBlogAI.getAllBlogSlugs({
    next: {
      cache: 'force-cache',
    },
  });

  if (error || !data) {
    return [];
  }

  const sitemap = data.slugs.map((slug) => ({
    url: `your-sass-app.com/blog/${slug}`,
    lastModified: new Date(),
    changeFrequency: 'daily' as const,
    priority: 0.9,
  }));

  return [
    {
      url: 'your-sass-app.com/',
      lastModified: new Date(),
      changeFrequency: 'weekly',
      priority: 1.0,
    },
    {
      url: 'your-sass-app.com/blog',
      lastModified: new Date(),
      changeFrequency: 'daily',
      priority: 0.9,
    },
    ...sitemap,
  ];
}

// In your blog post page
export async function generateMetadata({ params }: Props): Promise<Metadata> {
  const { slug } = await params;

  // Use the SEO-only function for metadata
  const { data, error } = await nextBlogAI.getBlogPostSEO(slug, {
    cache: {
      ttl: 3600, // Cache for 1 hour
    },
  });

  if (error || !data) {
    return {
      title: 'Blog Post | Your Site',
      description: 'Read our latest article',
    };
  }

  // Create complete metadata object
  const metadata: Metadata = {
    title: data.seo.title,
    description: data.seo.description,
    keywords: data.seo.keywords.join(', '),
  };

  // Add OpenGraph and Twitter card metadata
  const extendedSeo = data.seo as ExtendedSEOMetadata;
  if (extendedSeo.featuredImage) {
    metadata.openGraph = {
      images: [
        {
          url: extendedSeo.featuredImage.url,
          width: 1200,
          height: 630,
          alt: extendedSeo.featuredImage.alt,
        },
      ],
    };

    metadata.twitter = {
      card: 'summary_large_image',
      images: [extendedSeo.featuredImage.url],
    };
  }

  return metadata;
}