Demo Site: Developer Guide

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

This guide provides codebase-specific information for developers working with this Next.js application. For generic Agility CMS development concepts, see the official Agility CMS Training Guide.

🎯 Get This Reference Implementation

This is a fully-featured reference implementation showcasing Agility CMS capabilities. To get your own copy of this solution:

Contact our sales team and we'll clone this solution for you and help you get set up with a POC (Proof of Concept).

Our team will:

Clone the complete solution to your environment
Set up your Agility CMS instance with the content models
Help you configure the necessary integrations
Guide you through the setup process

Demo Site Overview

The Demo Site is a comprehensive Next.js application powered by Agility CMS, 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

Project Structure

Quick Links

Project Structure - Codebase organization
Content Models - Content model implementations
Components - Component implementations
API Routes - Custom API routes
Deployment - Deployment configuration

Getting Started

Review Generic Training: Start with the official Agility CMS Training Guide
Understand Project Structure: Review Project Structure
Learn Content Models: See Content Models
Study Components: Review Components

Next: Project Structure - Codebase organization