Stop wrestling with
Next.js metadata

Add one line of code and get AI-powered SEO optimization and dynamic metadata that actually converts.

TypeScript first
Works with SSR & SSG
SEO best practices built-in

It's really this simple

Add to your Next.js pages for instant SEO optimization

app/about/page.tsx

import { metadataClient } from '@/lib/metadata'

export const generateMetadata = metadataClient.getMetadata(() => {
  return {
    path: "/about",
  };
});

Get Started in Minutes

Integrate with your Next.js app in just a few lines of code

1. Install the package

npm install generate-metadata

2. Set your DSN

.env

NEXT_PUBLIC_GENERATE_METADATA_DSN=your_site_dsn
GENERATE_METADATA_API_KEY=your_api_key

3. Add to your routes

app/page.tsx

import { metadataClient } from '@/lib/metadata'

export const generateMetadata = metadataClient.getMetadata(() => {
  return {
    path: "/",
  };
});

export default function HomePage() {
  return <main>...</main>
}

Manage Metadata with Ease

AI-powered suggestions meet human control in our intuitive dashboard

AI Suggestions

Get intelligent metadata recommendations based on your page content and SEO best practices

One-Click Approval

Review and approve AI suggestions with a single click, or customize them to your needs

Live Previews

See how your metadata appears on Google, Twitter, LinkedIn, and other platforms

Step 1

AI Analyzes Your Content

Scanning page content

Reading headings, paragraphs, and media

Identifying key topics

Extracting main themes and keywords

Next.jsPerformanceSEOReact

Optimizing for search

Applying SEO best practices

✓ Character limits
✓ Keyword density
✓ Click-through rate
Step 2

AI Transforms Your Metadata

BEFORE

Blog Post

AFTER

10 Next.js Performance Tips That Cut Load Time by 50%

AI Analysis: Added specific numbers, clear benefit, and framework name for better CTR and SEO ranking

Next.js Features That Just Work

Deep integration with Next.js App Router for the best developer experience

Automatic Revalidation

Metadata updates instantly when you publish changes. Works seamlessly with Next.js revalidation APIs.

revalidatePath() & revalidateTag() support

TypeScript First

Complete type safety from API to component. Auto-completion for all metadata fields.

Zero runtime overhead

ISR & SSG Compatible

Works perfectly with Incremental Static Regeneration and Static Site Generation.

Build-time & runtime support

Works Where You Deploy

Our SDK is built on web standards and works anywhere Next.js runs - Vercel, Netlify, AWS, or your own servers.

Next.js 13+
App Router
Turbopack Compatible

Ready to Supercharge Your Next.js SEO?

Start using AI-powered metadata management for Next.js today. Transform your SEO with intelligent optimization.

Free Plan Available

Start with 10 AI credits per month

5-Minute Setup

Integrate with your existing Next.js app

Developer First

Built by developers, for developers

Questions?