SEO Configuration for the Next.js Supabase Starter Kit

import type { Metadata } from 'next';
export const metadata: Metadata = {
  title: 'Pricing | Your SaaS Name',
  description: 'Simple, transparent pricing. Start free, upgrade when you need more.',
  openGraph: {
    title: 'Pricing | Your SaaS Name',
    description: 'Simple, transparent pricing for teams of all sizes.',
    images: ['/images/og/pricing.png'],
    type: 'website',
  },
  twitter: {
    card: 'summary_large_image',
    title: 'Pricing | Your SaaS Name',
    description: 'Simple, transparent pricing for teams of all sizes.',
    images: ['/images/og/pricing.png'],
  },
};
export default function PricingPage() {
  // ...
}

import type { Metadata } from 'next';
import { createCmsClient } from '@kit/cms';
interface Props {
  params: Promise<{ slug: string }>;
}
export async function generateMetadata({ params }: Props): Promise<Metadata> {
  const { slug } = await params;
  const cms = await createCmsClient();
  const post = await cms.getContentBySlug({ slug, collection: 'posts' });
  return {
    title: `${post.title} | Your SaaS Blog`,
    description: post.description,
    openGraph: {
      title: post.title,
      description: post.description,
      images: [post.image],
      type: 'article',
      publishedTime: post.publishedAt,
    },
  };
}

import type { Metadata } from 'next';
import appConfig from '~/config/app.config';
export const metadata: Metadata = {
  title: {
    default: appConfig.name,
    template: `%s | ${appConfig.name}`,
  },
  description: appConfig.description,
  metadataBase: new URL(appConfig.url),
  openGraph: {
    type: 'website',
    locale: 'en_US',
    siteName: appConfig.name,
  },
  robots: {
    index: true,
    follow: true,
  },
};

import appConfig from '~/config/app.config';
function getPaths() {
  const paths = [
    '/',
    '/pricing',
    '/faq',
    '/blog',
    '/docs',
    '/contact',
    '/about',          // Add new pages
    '/features',
    '/privacy-policy',
    '/terms-of-service',
    '/cookie-policy',
  ];
  return paths.map((path) => ({
    loc: new URL(path, appConfig.url).href,
    lastmod: new Date().toISOString(),
    changefreq: 'weekly',
    priority: path === '/' ? 1.0 : 0.8,
  }));
}

// Blog posts are added automatically
const posts = await cms.getContentItems({ collection: 'posts' });
posts.forEach((post) => {
  sitemap.push({
    loc: new URL(`/blog/${post.slug}`, appConfig.url).href,
    lastmod: post.updatedAt || post.publishedAt,
    changefreq: 'monthly',
    priority: 0.6,
  });
});

export const metadata: Metadata = {
  robots: {
    index: false,
    follow: false,
  },
};

import { JsonLd } from '@kit/ui/json-ld';
export default function HomePage() {
  return (
    <>
      <JsonLd
        data={{
          '@context': 'https://schema.org',
          '@type': 'Organization',
          name: 'Your SaaS Name',
          url: 'https://yoursaas.com',
          logo: 'https://yoursaas.com/logo.png',
          sameAs: [
            'https://twitter.com/yoursaas',
            'https://github.com/yoursaas',
          ],
        }}
      />
      {/* Page content */}
    </>
  );
}

<JsonLd
  data={{
    '@context': 'https://schema.org',
    '@type': 'SoftwareApplication',
    name: 'Your SaaS Name',
    applicationCategory: 'BusinessApplication',
    offers: {
      '@type': 'AggregateOffer',
      lowPrice: '0',
      highPrice: '99',
      priceCurrency: 'USD',
      offerCount: 3,
    },
  }}
/>

{% faq
   title="Frequently Asked Questions"
   items=[
     {"question": "How do I get started?", "answer": "Sign up for a free account..."},
     {"question": "Can I cancel anytime?", "answer": "Yes, you can cancel..."}
   ]
/%}

<JsonLd
  data={{
    '@context': 'https://schema.org',
    '@type': 'Article',
    headline: post.title,
    description: post.description,
    image: post.image,
    datePublished: post.publishedAt,
    dateModified: post.updatedAt,
    author: {
      '@type': 'Person',
      name: post.author,
    },
  }}
/>

User-agent: *
Allow: /
Disallow: /home/
Disallow: /admin/
Disallow: /api/
Sitemap: https://yoursaas.com/sitemap.xml

// HTML tag verification
export const metadata: Metadata = {
  verification: {
    google: 'your-verification-code',
  },
};

import Image from 'next/image';
<Image
  src="/images/feature-screenshot.webp"
  alt="Dashboard showing project analytics with team activity"
  width={1200}
  height={630}
  priority={isAboveFold}
/>

// In your blog post about authentication
<p>
  Learn more about{' '}
  <Link href="/docs/authentication/setup">
    setting up authentication
  </Link>{' '}
  in our documentation.
</p>