How I Built a 1000-Page Numerology Site with Programmatic SEO

Fifteen Lee — Sat, 20 Jun 2026 16:00:00 +0000

I built Angel Number — a site that gives you the numerology meaning of any repeating number from 000 to 999. Every single number has its own page, its own unique content, and its own SEO metadata. All generated programmatically.

Here's how programmatic SEO works for a content-heavy niche site.

## The Challenge

Angel numbers (111, 222, 333, etc.) are a popular search topic. People type "angel number 111 meaning" into Google every day. The problem is:

Creating 1000+ pages manually is impossible
Each page needs genuinely unique content, not just find-and-replace
The content has to be useful enough that people stay and read

## The Solution: Programmatic SEO

Instead of writing 1000 pages by hand, I built a content generation system that creates each page from structured data.

### Data Structure

Each number is defined by three layers:

interface AngelNumber {
  number: number;      // 111, 222, etc.
  baseMeaning: string; // Core numerology meaning
  keywords: string[];  // Related concepts
  combinations: {      // For multi-digit analysis
    digits: number[];
    meaning: string;
  }[];
  zodiacAffinity?: string; // Optional zodiac tie-in
}

### Page Generation

A single Next.js dynamic route generates all pages:

[number] → /111, /222, /333, ... /999

Each page gets:

Unique title tag ("Angel Number 111 Meaning — Numerology")
Unique meta description
JSON-LD structured data (WebPage schema)
Canonical URL
Internal links to related numbers

## The Technical Stack

Next.js 14 with static generation (ISR)
TypeScript for type safety
Tailwind CSS for responsive design
Vercel for hosting and automatic ISR revalidation

Static generation means all 1000+ pages are pre-rendered at build time. They load instantly — no server-side computation on request.

## SEO Results So Far

The programmatic approach wins on long-tail coverage. Individual number pages rank for queries like:

"angel number 333 meaning love"
"444 angel number twin flame"
"what does 111 mean spiritually"

Each query might be low volume individually, but 1000+ pages × low-volume queries = consistent traffic.

## Lessons Learned

### What Worked

Unique content per page — Google can detect templated content. Each page needs genuine value.
Internal linking — linking between related numbers keeps users browsing and distributes page authority.
Clean URLs — /333 is better than /number?=333.

### What I'd Improve

User contributions — letting users share their experiences with each number would add fresh content automatically.
More media — visualization of number patterns or numerology charts would reduce bounce rate.
Multi-language — angel numbers are searched in every language. Each new language = 1000 more pages.

## Try It

Search any number at Angel Number — instant numerology meaning, no sign-up, no ads clutter.

Built with Next.js 14, TypeScript, and Tailwind CSS. Hosted on Vercel.

How I Built a Chinese Zodiac Compatibility Tool with Next.js

Fifteen Lee — Sat, 20 Jun 2026 12:30:10 +0000

I recently built ZodiacMatch — a free tool that lets you pick two Chinese zodiac signs and get an instant compatibility score. No sign-up, no download, no friction.

Here's how it works under the hood.

## The Problem

Chinese zodiac compatibility is a centuries-old system, but most online tools are either:

Oversimplified — just "good" or "bad" with no detail
Buried in ads — the actual tool is after 3 popups
Slow — multiple page loads to get an answer

I wanted something that loads instantly, answers the question in one click, and gives enough depth to be useful.

## The Data Structure

Chinese zodiac has 12 animal signs. That's 66 unique pairings (12 choose 2). Each pairing needed:

A base compatibility score (0–100)
Element interaction modifiers (Five Elements cycle)
Strengths and challenges
Communication style assessment

Instead of hardcoding all 66, I structured the data as a matrix with dimension scores that combine dynamically. This makes it easy to tweak any dimension without touching every entry.

interface CompatibilityData {
  baseScore: number;
  elementModifier: number;
  strengths: string[];
  challenges: string[];
  communication: string;
}

## Tech Stack

Next.js 14 (App Router) — file-based routing, SSR for SEO
TypeScript — type safety across the board
Tailwind CSS — responsive, mobile-first
Vercel — edge deployment with zero config

## SEO Approach

Each of the 66 pairings has its own page with unique metadata:

/ratings/rat-ox    → "Rat and Ox Compatibility"
/ratings/tiger-rabbit → "Tiger and Rabbit Compatibility"

Every page has:

Unique title and meta description
JSON-LD structured data (VideoGame schema with 2-player context)
Clean URL structure
Breadcrumb navigation

The homepage targets broad keywords ("Chinese zodiac compatibility"), while individual pairing pages catch long-tail searches ("rat and ox compatibility 2025").

## Why No Sign-Up?

The entire tool runs client-side. The compatibility data is a static JSON file — no database, no API calls, no authentication needed. This means:

Zero server cost for the core feature
Instant load — the data is there on page render
No friction — users go from Google search to result in under 2 seconds

## What I'd Do Differently

Multi-language support — Chinese zodiac has huge audiences in Chinese, Vietnamese, and Korean markets. Adding i18n early would have been smart.
More visual — the compatibility results are text-heavy. Animated charts or radar diagrams would make it more engaging.
Content marketing earlier — blog posts about each zodiac sign pair drive consistent long-tail traffic.

Try It

You can use it free at ZodiacMatch — pick two animals, see your score instantly. No account, no email, no nonsense.

Built with Next.js 14, TypeScript, and Tailwind CSS. Deployed on Vercel.

DEV Community: Fifteen Lee

How I Built a 1000-Page Numerology Site with Programmatic SEO

How I Built a Chinese Zodiac Compatibility Tool with Next.js

Try It