Tutorial
AI-Native CMS Architecture: Building a Website That Grows Itself
This tutorial explains how to architect a content management system around AI capabilities from day one, using a real-world case study that reached DR 58 and 1,100 daily visitors in two months.

What “AI-Native” Actually Means
Most website owners treat AI as an add-on. They build a site, then bolt on a chatbot or an auto-summarizer. That is not AI-native. An AI-native CMS is designed backward: you decide what AI will do, then you build the database, the page structure, and the content pipeline around those capabilities.
Think of it as the difference between renovating a house and designing it around solar power. A retrofit means you keep the old wiring and hope the panels work. A native design means the roof angle, window placement, and insulation all serve the solar system from the first blueprint.
For a CMS, the core AI jobs are: generating content, producing multilingual versions, translating on the fly, building internal and external links, and handling on-page SEO metadata. If your database schema does not separate “what the visitor sees” from “what the AI needs to generate”, you will fight the system forever.
The proof is in the numbers. A project called woy.ai — an experimental directory of AI tools — registered its domain on April 7, 2024. Development took three weeks. The first version went live on April 30. By June 20, daily visitors were around 200. After adding analytics and letting the content engine run, traffic climbed to 1,100 daily visitors by June 29. Google Search Console showed 500 to 600 clicks per day from Google alone — roughly half of all traffic. Within two months of launch, the site had earned 138 referring domains and 95,000 backlinks, reaching a Domain Rating of 58.
That is not a marketing stunt. That is architecture.
Why WordPress Fails as an AI-Native Platform
WordPress is a human admin tool. Its post editor, category system, and plugin ecosystem are built for a person sitting at a desk, writing one article at a time. You can force it to do more, but every automation step becomes a plugin, a hook, or a custom post type. Before long, you are maintaining a workflow engine inside a blogging platform.
The woy.ai team explicitly rejected WordPress. Their reasoning: the admin interface is designed for humans, and turning it into a machine-driven pipeline is too complex. Instead, they built from scratch with a custom Next.js stack. This gives them full control over the database schema, the rendering pipeline, and the API endpoints that feed content to the AI.
If you are serious about an AI-native site, do not retrofit. Start with a blank Next.js project. You control the data model, the routing, and the build process. You do not need a CMS admin panel at all — the AI is the admin.
The Noun → Page → Section → Content Architecture
The core architectural idea is simple: one page per noun, and each page is broken into sections that map to user concerns. A “noun” is a product, a tool, or a topic. For an AI tool directory, each AI product gets its own page.
The hierarchy works like this:
- Page — one per noun. This is the main URL, e.g.,
/p/hedra-ai. - Section — multiple per page. Each section answers a specific question or covers a specific aspect: overview, features, pricing, FAQ, team, tutorials. Design 20 or more possible section types, but ship only 4 to 5 per page initially.
- Content — the actual text, generated by AI per section.
Why does this matter for SEO? Because each section becomes its own page. A user searching “Hedra AI Features” does not want the homepage — they want the features section. When you build a separate page for each section, you capture long-tail queries like “product name + concern”. In practice, the “Hedra AI Features” section won a Google featured snippet.
The one-keyword-per-page thinking is crucial. Do not stuff a page with ten keywords. Give each page one clear intent and let the sections cover the sub-queries.
Multilingual Design with BaseID
A global site needs multiple languages. The woy.ai approach uses a BaseID field in the Page table to create parent-child links.
Here is how it works:
- English records are the default. They get the primary IDs.
- Records in the other 9 languages link back to the English record via
BaseID. - A query with
BaseID=0returns all language versions of a page.
For each page, the system generates 10 language records. Product names stay untranslated — “Hedra AI” is “Hedra AI” in every language. But descriptions, features, and FAQs are fully translated.
This design has two benefits. First, you avoid duplicate content penalties because each language version is clearly marked and linked. Second, you can serve the right language version based on the visitor’s locale without complex redirect logic.
The translation itself is handled by AI. You do not hire translators; you write a prompt that says “translate this English section into Japanese, keeping the product name unchanged”. The output goes into the language-specific record.
URL and Field Design: Slugs, Not Numbers
URL structure matters for both SEO and user trust. The woy.ai system uses slugs, not enumerable numeric IDs. A URL like /p/hedra-ai is readable and shareable. A URL like /page?id=48293 is not.
Each section gets a slash path under the page: /p/hedra-ai/features, /p/hedra-ai/pricing, and so on. This creates a clean hierarchy that search engines understand.
The field design separates three types of text:
- PageName — the H1 heading, e.g., “Hedra AI”.
- PageTitle — the search-result title, e.g., “Hedra AI Review: Features, Pricing, and Alternatives”.
- PageIntro — a one-line description under the H1.
Section titles append the product name. So the features section is titled “Hedra AI Features” — not just “Features”. This reinforces the keyword association.
Why separate these fields? Because AI generates them differently. The H1 is short and punchy. The search-result title needs keywords and length. The intro needs a value proposition. If you store them as one blob, you lose control.
The Submission Flywheel: Paid and Free Exchange Links
Traffic alone does not build authority. You need backlinks. The woy.ai model turns submissions into a link-building machine.
Here is the mechanism:
- Paid submission: USD 9.9 per month, unlimited submissions. This is a recurring revenue stream.
- Free submission: the user must add a backlink to woy.ai. The backend auto-checks for the link before approving the submission.
This creates a virtuous loop. More free submissions mean more backlinks. More backlinks mean higher Domain Rating. Higher DR means better rankings. Better rankings mean more traffic. More traffic means more paid submissions.
The numbers back this up. Within two months, the site had 95,000 backlinks and a DR of 58. That is not from manual outreach — that is from a built-in exchange system.
The domain name itself was chosen through a script. A PHP script scanned all 17,560 three-letter combinations to find one that was short, pronounceable, and meaningful. “Woy” sounds like “wow” in Chinese and means “hi” in Javanese. A rescan later found 3,000+ unregistered three-letter domains — so the supply is not scarce, but the right pick matters.
Tag Taxonomy: Human Decisions on Top of AI Generation
Tags are not an afterthought. The woy.ai system uses two groups of tags:
- Product type — e.g., “video generator”, “chatbot”, “image tool”.
- Feature points — e.g., “real-time”, “API access”, “free tier”.
Tags link Pages and Content. But the decision to create a new tag is a human decision, not an AI one. The AI can suggest tags, but a person checks search volume and decides whether a tag deserves its own page.
Why this matters: AI will happily generate 500 tags, but most will have zero search volume. A human filters based on real demand. This keeps the site focused and avoids content sprawl.
Practical Implementation Steps
If you want to build your own AI-native CMS, follow this playbook:
- Choose Next.js — not WordPress, not a static site generator. You need server-side rendering and API routes.
- Design the database first — create the Page, Section, and Content tables. Add the
BaseIDfield for multilingual support. Add aPromptfield per section type. - Write section-specific prompts — do not use one generic prompt. The Features prompt should ask for a bullet list of core features, not an essay. The FAQ prompt should ask for 5 questions and answers. Tune each prompt separately.
- Pre-render AI output to HTML — AI outputs Markdown. Convert it to HTML at build time so the visitor gets fast static pages.
- Add a submission form — with both paid and free options. The free option requires a backlink check.
- Set up analytics from day one — you cannot optimize what you cannot measure. Add Google Analytics and Search Console before launch.
The woy.ai case shows that an AI-native approach is not theoretical. It is a repeatable system. The domain was registered on April 7, the first version was live on April 30, and by late June it was pulling 1,100 daily visitors with a DR of 58. That is a 10-week timeline from zero to a working, growing site.
The key lesson: design the architecture around AI, not around a human admin. Separate display data from prompt data. Use slugs, not IDs. Build multilingual support into the schema. And let the submission model generate backlinks automatically. Do that, and the site grows itself.
(Figures and case details in this article are as reported in the source material and have not been independently verified.)
Series: Overseas Website Building