InstaRank logo
Next.js Integration

InstaRank +Next.js

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.

Quick Start

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>
  );
}

Key Benefits

Everything you need for programmatic SEO on Next.js

Programmatic Page Generation

Generate thousands of SEO-optimized pages from your dataset with AI-powered content, published directly to your Next.js site.

AI-Powered Content

Use OpenAI, Claude, Gemini, or Groq to generate unique, SEO-optimized content for every page at scale.

Bulk Publishing

Publish hundreds or thousands of pages in a single operation. Supports create and upsert modes for updating existing content.

Custom Fields

Define custom field schemas and populate them with your dataset. Access fields in your Next.js components for dynamic rendering.

File-Based Storage

Pages stored as JSON files in your project. No external database required. Git-friendly and easy to deploy anywhere.

ISR & Static Generation

Works with Next.js Incremental Static Regeneration. Use getPages() and getPage() in generateStaticParams for blazing-fast pages.

How It Works

Four steps to programmatic SEO on Next.js

1

Install Package

Run npm install @instarank/nextjs and npx @instarank/nextjs setup in your Next.js project.

2

Connect Your Site

Enter your site URL and the generated API key in the InstaRank dashboard.

3

Create Dataset

Import data from Google Sheets, Airtable, Notion, CSV, or build datasets manually.

4

Generate & Publish

Use AI to generate content and bulk-publish pages directly to your Next.js site.

What's Included

The @instarank/nextjs package gives you everything out of the box

Next.js Compatibility

  • App Router (Next.js 14+)
  • TypeScript-First
  • generateStaticParams()
  • Incremental Static Regeneration
  • Custom Storage Adapters
  • Vercel / Netlify / Self-Hosted

API Endpoints

  • GET
    /api/instarank/test

    Test connection & site info

  • GET
    /api/instarank/pages

    List all pages

  • POST
    /api/instarank/pages

    Create a page

  • PUT
    /api/instarank/pages/:id

    Update a page

  • DELETE
    /api/instarank/pages/:id

    Delete a page

  • POST
    /api/instarank/pages/bulk

    Bulk create/upsert

  • POST
    /api/instarank/custom-fields

    Sync field definitions

Also Included

CLI Setup Wizard
Data Access Functions
TypeScript Types
Custom Storage Adapters

Use Cases

How teams use InstaRank with Next.js

Programmatic SEO Pages

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.

Dynamic Landing Pages

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.

Content Hub / Directory

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.

Get Started with InstaRank

Start generating programmatic SEO pages for your Next.js site today

🔍

Programmatic SEO for Next.js

Pro

Generate thousands of SEO pages from datasets with AI. Install @instarank/nextjs, connect your site, and publish at scale.

  • 50+ SEO checks
  • AI-powered fixes
  • Site-wide crawling
🤖

AI-Powered Content Generation

New

Use AI to generate unique, high-quality content for every page. Supports OpenAI, Claude, Gemini, and Groq.

  • Natural language control
  • 40+ powerful tools
  • Multi-step execution