Demo Site: Architecture Overview

Website: https://demo.agilitycms.com/

This guide provides instance-specific architectural information for the Demo Site. For generic Agility CMS architecture concepts, see the official Agility CMS Training Guide.

Demo Site Architecture

The Demo Site is a comprehensive Next.js application showcasing modern headless CMS patterns, AI-powered search, internationalization, and advanced caching.

Technology Stack

• Framework: Next.js 15.5.3 with App Router
• React: 19.1.0
• TypeScript: Full type safety
• Styling: Tailwind CSS v4
• CMS: Agility CMS (@agility/nextjs 15.0.7)
• Animations: Motion (Framer Motion alternative)
• AI: Azure OpenAI + Algolia integration
• Analytics: PostHog integration

Quick Links

• Architecture - Site architecture overview
• Content Architecture - Content model design
• Component Architecture - Component design
• Integrations - Implemented integrations

Getting Started

1. Review Generic Training: Start with the official Agility CMS Training Guide
2. Understand Architecture: Review Architecture
3. Study Content Design: See Content Architecture
4. Review Components: Check Component Architecture

---

Next: Architecture - Site architecture overview