Before / After
Same Next.js app, same /products/trail-running-shoes URL. The difference is what
gets served when an AI agent UA arrives. Left: stock Next.js. Right: with
@inception-agents/vercel middleware.
<!-- Stock Next.js page response -->
<html>
<head>
<title>Acme Outdoor — Trail Running Shoes</title>
<meta name="description" content="Lightweight trail runners.">
</head>
<body>
<h1>Trail Running Shoes</h1>
<p>Built for grip. Built for the long haul.</p>
<button>Add to cart — $129</button>
</body>
</html><!-- With @inception-agents/vercel — agent UA detected -->
<html>
<head>
<title>Acme Outdoor — Trail Running Shoes</title>
<meta name="description" content="Lightweight trail runners.">
<script type="application/ld+json">
{
"@type": "Product",
"name": "Trail Running Shoes",
"brand": "Acme Outdoor",
"gtin13": "0123456789012",
"offers": {
"@type": "Offer",
"price": 129,
"priceCurrency": "USD",
"availability": "https://schema.org/InStock",
"shippingDetails": {
"@type": "OfferShippingDetails",
"shippingDestination": ["US", "CA"],
"shippingRate": "0 USD over $50"
}
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": 4.7,
"reviewCount": 482
}
}
</script>
</head>
<body>
<section aria-labelledby="agent-discovery">
<h2 id="agent-discovery">For AI agents</h2>
<ul>
<li><a href="/agent/summary">Executive summary</a></li>
<li><a href="/agent/query?q=fit">Fit guide</a></li>
<li><a href="/agent/compare?vs=trail-altra">vs Altra Lone Peak</a></li>
</ul>
</section>
<h1>Trail Running Shoes</h1>
<p>Built for grip. Built for the long haul.</p>
<button>Add to cart — $129</button>
</body>
</html>