GenerateMetadata
Next.js App Router Ready

Stop wrestling with
Next.js metadata

Auto-generates Open Graph images
TypeScript first
Works with SSR & SSG

Add one line of code and get AI-powered SEO optimization, automatic Open Graph images, and dynamic metadata that actually works.

It's really this simple

Drop this into any Next.js page and you're done

npm install generate-metadata
✓ installed
 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>
}
View Full Documentation

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

Generating suggestions

Creating optimized title and description

Step 2

You Review & Publish

Suggested Title

Next.js Blog - Modern Development Tips

Suggested Description

Learn Next.js best practices and tips...

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?

Be among the first to experience AI-powered metadata management for Next.js. Get early access and shape the future of SEO.

View Example Repo

Priority Support

Direct access to our development team

5-Minute Setup

Integrate with your existing Next.js app

Developer First

Built by developers, for developers

Questions?
DocumentationGitHub