Page Metadata

import { generateMetadata } from "@startupkit/seo"

export const metadata = generateMetadata({
  title: "Pricing",
  description: "Simple, transparent pricing for teams of all sizes",
  path: "/pricing",
  baseUrl: "https://myapp.com",
  siteName: "My App"
})

export default function PricingPage() {
  return <div>Pricing content</div>
}

import { generateMetadata } from "@startupkit/seo"

export const metadata = generateMetadata({
  title: "My App",
  description: "The best app for doing things",
  baseUrl: "https://myapp.com",
  siteName: "My App",
  titleTemplate: "%s | My App",
  twitterHandle: "@myapp"
})

generateMetadata({
  title: "About Us",
  description: "Learn about our company",
  path: "/about",
  baseUrl: "https://myapp.com",
  siteName: "My App",
  ogImage: "/og/about.png",
  twitterHandle: "@myapp"
})

const metadata = {
  title: "About Us",
  description: "Learn about our company",
  metadataBase: new URL("https://myapp.com"),
  openGraph: {
    type: "website",
    locale: "en_US",
    url: "https://myapp.com/about",
    siteName: "My App",
    title: "About Us",
    description: "Learn about our company",
    images: [{
      url: "/og/about.png",
      width: 1200,
      height: 630,
      alt: "About Us"
    }]
  },
  twitter: {
    card: "summary_large_image",
    title: "About Us",
    description: "Learn about our company",
    images: ["/og/about.png"],
    creator: "@myapp"
  },
  alternates: {
    canonical: "https://myapp.com/about"
  }
}

import { generateMetadata as seoMetadata } from "@startupkit/seo"

interface Props {
  params: Promise<{ slug: string }>
}

export async function generateMetadata({ params }: Props) {
  const { slug } = await params
  const post = await getPost(slug)

  return seoMetadata({
    title: post.title,
    description: post.excerpt,
    path: `/blog/${slug}`,
    baseUrl: "https://myapp.com",
    siteName: "My App",
    ogImage: post.coverImage
  })
}

generateMetadata({
  title: "Features",
  description: "Explore our features",
  ogImage: "/og/features.png",  // Custom OG image
  // ...
})

import { ImageResponse } from "next/og"

export async function GET(request: Request) {
  const { searchParams } = new URL(request.url)
  const title = searchParams.get("title") ?? "My App"

  return new ImageResponse(
    (
      <div style={{ display: "flex", fontSize: 48 }}>
        {title}
      </div>
    ),
    { width: 1200, height: 630 }
  )
}

generateMetadata({
  ogImage: `/og?title=${encodeURIComponent(post.title)}`,
  // ...
})

export const metadata = generateMetadata({
  title: "Dashboard",
  description: "Your personal dashboard",
  path: "/dashboard",
  baseUrl: "https://myapp.com",
  siteName: "My App",
  noIndex: true  // Adds noindex, nofollow
})

generateMetadata({
  path: "/about",  // Generates canonical: https://myapp.com/about
  // ...
})

// /products?category=shoes should canonicalize to /products
generateMetadata({
  path: "/products",  // Not /products?category=shoes
  // ...
})

import { generateMetadata as seoMetadata } from "@startupkit/seo"

const defaults = {
  baseUrl: "https://myapp.com",
  siteName: "My App",
  twitterHandle: "@myapp",
  ogImage: "/og/default.png"
}

export function generateMetadata(params: {
  title: string
  description: string
  path?: string
  ogImage?: string
  noIndex?: boolean
}) {
  return seoMetadata({
    ...defaults,
    ...params
  })
}

import { generateMetadata } from "@/lib/seo"

export const metadata = generateMetadata({
  title: "Features",
  description: "Explore our powerful features",
  path: "/features"
})