# Programmatic SEO

> Automated generation of high-quality landing pages at scale.

- Skill: `j4flmao/programmatic-seo` (Agent Skill)
- Install (CLI): `npx skillmds@latest add j4flmao/programmatic-seo`
- Raw SKILL.md: https://api.skillmd.com/api/skills/j4flmao/programmatic-seo/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: j4flmao (https://skillmd.com/u/j4flmao)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/j4flmao/programmatic-seo

---


# Programmatic SEO

Focuses on generating pages from structured data sets using templates to target long-tail keywords efficiently.

## Architecture

```mermaid
%%{init: {"theme": "default", "flowchart": {"useMaxWidth": true}}}%%
flowchart TD
    A[Data Source CSV/DB/API] --> B[Data Transformation]
    B --> C[Template Engine Next.js/Gatsby]
    C --> D[Generated Pages]
    D --> E[Sitemap Update & Indexing]
```

## Example Implementation (Next.js)

```javascript
// pages/[category]/[location].js
import { fetchLocationData } from '../../lib/api';

export async function getStaticPaths() {
  const locations = await fetchLocationData();
  const paths = locations.map(loc => ({
    params: { category: loc.categorySlug, location: loc.locationSlug }
  }));
  return { paths, fallback: 'blocking' };
}

export async function getStaticProps({ params }) {
  const data = await getPageData(params.category, params.location);
  if (!data) return { notFound: true };
  
  return {
    props: { data },
    revalidate: 86400, // ISR: revalidate daily
  };
}

export default function ProgrammaticPage({ data }) {
  return (
    <article>
      <h1>Best {data.categoryName} in {data.locationName}</h1>
      <p>{data.description}</p>
    </article>
  );
}
```