Generate thousands of SEO-optimized pages for your Next.js website. Install a single NPM package, connect with an API key, and publish at scale.
Get up and running in under 2 minutes
# 1. Install the package
npm install @instarank/nextjs# 2. Run the setup wizard
npx @instarank/nextjs setup// 3. Render pages in your Next.js app
import { getPage, getPages } from '@instarank/nextjs/data';
export async function generateStaticParams() {
const pages = await getPages();
return pages.map((page) => ({ slug: page.slug }));
}
export default async function Page({ params }) {
const { slug } = await params;
const page = await getPage(slug);
if (!page) notFound();
return (
<article>
<h1>{page.title}</h1>
<div dangerouslySetInnerHTML={{ __html: page.content }} />
</article>
);
}Everything you need for programmatic SEO on Next.js
Generate thousands of SEO-optimized pages from your dataset with AI-powered content, published directly to your Next.js site.
Use OpenAI, Claude, Gemini, or Groq to generate unique, SEO-optimized content for every page at scale.
Publish hundreds or thousands of pages in a single operation. Supports create and upsert modes for updating existing content.
Define custom field schemas and populate them with your dataset. Access fields in your Next.js components for dynamic rendering.
Pages stored as JSON files in your project. No external database required. Git-friendly and easy to deploy anywhere.
Works with Next.js Incremental Static Regeneration. Use getPages() and getPage() in generateStaticParams for blazing-fast pages.
Four steps to programmatic SEO on Next.js
Run npm install @instarank/nextjs and npx @instarank/nextjs setup in your Next.js project.
Enter your site URL and the generated API key in the InstaRank dashboard.
Import data from Google Sheets, Airtable, Notion, CSV, or build datasets manually.
Use AI to generate content and bulk-publish pages directly to your Next.js site.
The @instarank/nextjs package gives you everything out of the box
/api/instarank/testTest connection & site info
/api/instarank/pagesList all pages
/api/instarank/pagesCreate a page
/api/instarank/pages/:idUpdate a page
/api/instarank/pages/:idDelete a page
/api/instarank/pages/bulkBulk create/upsert
/api/instarank/custom-fieldsSync field definitions
How teams use InstaRank with Next.js
Generate thousands of location pages, product pages, comparison pages, or directory listings from a single template.
Example:
Create 5,000 "Best [Service] in [City]" pages with unique AI content for each combination.
Build data-driven landing pages that combine your dataset with AI-generated copy, custom fields, and SEO metadata.
Example:
Generate landing pages for every product category with custom fields like price, rating, and features.
Build a comprehensive resource hub or directory with hundreds of interlinked pages, all managed from InstaRank.
Example:
Create a SaaS directory with 2,000+ tool pages, each with custom fields, descriptions, and comparison data.
Start generating programmatic SEO pages for your Next.js site today
Generate thousands of SEO pages from datasets with AI. Install @instarank/nextjs, connect your site, and publish at scale.
Use AI to generate unique, high-quality content for every page. Supports OpenAI, Claude, Gemini, and Groq.