{
  "id": 5165135,
  "title": "How to Build a Website for Browsers and AI Agents From a Shared Content Model",
  "url": "https://urgent.news/2026/09/02/how-to-build-a-website-for-browsers-and-ai-agents-from-a-shared",
  "topic": "ai",
  "section": "AI",
  "published": "2026-09-02T20:08:22.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/madebymonogram/how-to-build-a-website-for-browsers-and-ai-agents-from-a-shared-content-model-5dnc"
  },
  "original_language": "en",
  "account": "Walden Robotics has developed a website architecture that supports both human and AI clients by modeling content once and delivering it in formats tailored to each user. The platform, built with Prismic and the Next.js App Router, employs 19 reusable content components to create pages, which editors assemble as needed.\n\nStructured content components, including hero sections, calls to action, and lead forms, are defined in Prismic's Slice Machine. These components can be combined to create new pages without altering component code. Content is separated into page-specific and shared records, with shared items like navigation, SEO defaults, and global announcements having a single source of truth. Global content changes are made once in Prismic and automatically reflected across the site.\n\nThe site uses Next.js App Router's static generation, caching, and automatic revalidation to serve generated pages to visitors. Editors can publish updates without manual rebuilds. Draft Mode allows editors to preview unpublished content without affecting live traffic.\n\nWhen CMS-configured forms are used, they are treated as untrusted input. The platform signs form field definitions with HMAC before they reach the browser and validates submitted data on the server. This HMAC verification ensures integrity and authenticity without encrypting the data. The platform also restricts requests to approved endpoints and uses honeypot fields and timeout mechanisms to prevent abuse.\n\nEditorial flexibility is maintained through server-side enforcement of behavioral configuration limits. Operational data, such as career listings, is sourced from Rippling's applicant tracking system, while the editorial experience around those listings remains in Prismic. Next.js combines both sources in the rendered page, preserving the workflow of each team responsible for their respective information. The platform also supports HTTP content negotiation, allowing clients to request Markdown representations of content, ensuring both human visitors and automated systems receive appropriate content.",
  "summary": "The Walden Robotics website uses 19 reusable content components and publishes 6 discovery surfaces for automated clients. Both start with the same architectural decision: content is modeled once, then delivered in the form each client needs. We built the platform with Prismic and the Next.js App Router. Editors assemble pages from structured components, visitors receive generated HTML, and…",
  "key_points": [],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}