<h2>Overview:</h2>
<p>This product is a Gatsby project template that is designed to work with Agility CMS as the Content Management System. It provides a starting point for setting up a Gatsby project with all the necessary configurations and integrations for working with Agility CMS. The project includes features such as Gatsby V3, AgilityImage component, and the Agility CMS Gatsby Source Plugin. The template is deployed on Gatsby Cloud and Netlify.</p>
<h2>Features:</h2>
<ul>
<li><strong>Gatsby V3</strong> - the latest version of Gatsby’s core framework, providing improvements to the developer and user experience.</li>
<li><strong>AgilityImage</strong> - a custom image component that utilizes the Gatsby Image Plugin. It handles the display of responsive images stored within Agility CMS, following best practices for performance.</li>
<li><strong>Agility CMS Gatsby Source Plugin</strong> - an official Gatsby plugin that refreshes content only if it has changed since the last build, ensuring fast builds regardless of the number of pages.</li>
</ul>
<h3>Prerequisites:</h3>
<ul>
<li>Install the Gatsby CLI</li>
<li>Sign up for a Free Agility CMS Account</li>
<li>Retrieve your Agility CMS API Credentials</li>
</ul>
<ol>
<li>Clone this repo to your local machine.</li>
<li>Install Node dependencies using NPM.</li>
<li>Configure your local environment:
<ul>
<li>Rename <code>./.env.development.example</code> to <code>./.env.development</code>.</li>
<li>Add your development <code>AGILITY_GUID</code> and <code>AGILITY_API_KEY</code> variable values in <code>.env.development</code>.</li>
<li>Rename <code>./.env.production.example</code> to <code>./.env.production</code>.</li>
<li>Add your production <code>AGILITY_GUID</code> and <code>AGILITY_API_KEY</code> variable values in <code>.env.production</code>.</li>
</ul>
</li>
<li>Start the Gatsby development server:
<ul>
<li>Using NPM, run the command to launch the local development server.</li>
</ul>
</li>
</ol>
<p>To build a production version of the project and test it locally:</p>
<ol>
<li>Build the production version using NPM.</li>
<li>Deploy the project either with Vercel or Netlify.</li>
</ol>
<h2>Summary:</h2>
<p>This Gatsby project template serves as a starting point for creating a Gatsby project integrated with Agility CMS as the Content Management System. It includes features such as Gatsby V3, AgilityImage component, and the Agility CMS Gatsby Source Plugin. The template provides easy setup and configuration steps, allowing developers to quickly start working on their Gatsby project with Agility CMS.</p>


<h2>Overview</h2>
<p>This document analyzes a sample Eleventy starter site that utilizes Agility CMS. It serves as a foundation for building fully static sites using 11ty and Agility CMS.</p>
<h2>Features</h2>
<ul>
<li>Clone the repository from GitHub</li>
<li>Install dependencies using npm install or yarn install</li>
<li>Set up environment variables by obtaining GUID and API Keys from Agility CMS</li>
<li>Run the project locally in preview mode with hot-reloading server using npm start or yarn start</li>
<li>Preview mode: npm run dev or yarn dev</li>
<li>Live or production mode: npm run build or yarn build</li>
<li>Clear cached content in the node_modules folder using npm run cms-clear or yarn run cms-clear</li>
</ul>
<h2>Summary</h2>
<p>This analysis introduces a sample Eleventy starter site that utilizes Agility CMS to build fully static sites. It outlines the key features and provides installation instructions. The site allows for easy local development, preview mode, and live or production mode. It also explains how the project's structure and templating work.</p>


<h2>Overview</h2>
<p>The Next.js + Agility CMS starter kit offers an impressive foundation for developers looking to build fully static sites utilizing the power of Next.js. Despite being deprecated, it serves as a valuable template for understanding the integration between Next.js and Agility CMS. With features aimed at enhancing static site generation, this starter allows developers to leverage modern web technologies effortlessly.</p>
<p>Developers can create dynamic websites with robust content management capabilities, making it easy to update and manage website content in real time. Its advanced routing system and support for incremental static builds provide a seamless experience for both developers and content creators.</p>
<h2>Features</h2>
<ul>
<li>
<p><strong>Static Site Generation</strong>: Utilizes Next.js's getStaticProps function to facilitate full static site generation, ensuring high performance and low load times.</p>
</li>
<li>
<p><strong>Preview Mode Support</strong>: Incorporates a preview mode allowing editors to see unpublished content changes in real-time, enabling efficient content management.</p>
</li>
<li>
<p><strong>Dynamic Routing</strong>: Features a structure that dynamically routes each page based on requests, enhancing user navigation and experience.</p>
</li>
<li>
<p><strong>Integrates with Treact Components</strong>: Built on Treact's library, offering over 50 customizable modern React UI templates using TailwindCSS, promoting both aesthetics and functionality.</p>
</li>
<li>
<p><strong>Incremental Static Builds</strong>: Employs the revalidate tag with Vercel, allowing for incremental updates to static pages without complete rebuilds.</p>
</li>
<li>
<p><strong>Local Development Mode</strong>: Supports a robust local development mode where developers can see the latest content updates from the CMS in real time.</p>
</li>
<li>
<p><strong>Easy Deployment</strong>: Offers straightforward deployment processes with Vercel, making it simple to get your site up and running quickly.</p>
</li>
<li>
<p><strong>Comprehensive Setup Instructions</strong>: Provides detailed setup guidelines and key retrieval methods to streamline the initial project setup, making it approachable for newcomers.</p>
</li>
</ul>


<h2>Overview:</h2>
<p>The "Agility CMS &#x26; Next.js Starter" is a Next.js starter site that integrates with Agility CMS. It aims to provide a foundation for building fully static sites using Next.js and Agility CMS. The starter site is connected to a sample Agility CMS instance for sample content and pages. It supports features such as full page management, preview mode, image optimization using Next.js' image component, incremental static regeneration (ISR) builds, component level data fetching, and more. The starter site is written in TypeScript and utilizes Tailwind CSS for styling.</p>
<h2>Features:</h2>
<ul>
<li><strong>Easy Integration</strong>: Uses the Agility CMS Next.js package to simplify the integration with Agility CMS.</li>
<li><strong>Support for Next.js 13 and React 18</strong>: Compatible with the latest versions of Next.js and React.</li>
<li><strong>Full Page Management</strong>: Allows for managing and rendering pages from Agility CMS.</li>
<li><strong>Preview Mode</strong>: Supports previewing content changes before publishing.</li>
<li><strong>Image Optimization</strong>: Supports image optimization using either the Next.js Image component or the Agility CMS Next.js Image component.</li>
<li><strong>Incremental Static Regeneration</strong>: Enables incremental static regeneration (ISR) builds using the "revalidate" and "fallback" properties.</li>
<li><strong>Component Level Data Fetching</strong>: Provides support for fetching data at the component level.</li>
<li><strong>Tailwind CSS</strong>: Utilizes Tailwind CSS for a simple and lightweight utility-first CSS framework.</li>
<li><strong>TypeScript Support</strong>: Written in TypeScript, with ESLint for code quality.</li>
</ul>
<h2>Summary:</h2>
<p>The Agility CMS &#x26; Next.js Starter is a convenient solution for building fully static sites using Next.js and Agility CMS. It provides a range of features including easy integration, support for Next.js 13 and React 18, full page management, preview mode, image optimization, incremental static regeneration, component level data fetching, and more. The starter site leverages Tailwind CSS for styling and is written in TypeScript for improved code quality. With its comprehensive features and ease of use, the Agility CMS &#x26; Next.js Starter is an efficient starting point for developers looking to create static sites with Next.js and Agility CMS.</p>


<h2>Overview:</h2>
<p>The Agility CMS &#x26; Nuxt.js Starter is a Nuxt.js starter site that utilizes Agility CMS to provide a foundation for building websites. It integrates with Agility CMS to support content synchronization for faster build times, full page routing and static rendering, and easy async data loading for additional components. The starter also includes support for full page management and preview mode. It utilizes Tailwind CSS, a lightweight utility-first CSS framework, for easy styling.</p>
<h2>Features:</h2>
<ul>
<li>Agility CMS integration for Nuxt.js</li>
<li>Content Sync for ultra-fast build times</li>
<li>Full page routing and static rendering</li>
<li>Easy async data loading for additional components</li>
<li>Support for full Page Management</li>
<li>Support for Preview Mode</li>
<li>Dynamic loading of Page Templates and Agility CMS Page Modules</li>
<li>Uses Tailwind CSS for easy and customizable styling</li>
</ul>
<h2>Summary:</h2>
<p>The Agility CMS &#x26; Nuxt.js Starter is a Nuxt.js starter site that integrates with Agility CMS to provide a foundation for building websites. It offers seamless content synchronization, fast build times, and easy data loading. The starter includes support for full page management and preview mode, and utilizes Tailwind CSS for customizable styling. With easy installation and comprehensive documentation, it is a powerful tool for building websites using Nuxt.js and Agility CMS.</p>


Agility

Agility Gatsby Starter

Agilitycms Eleventy Starter 2020

Agilitycms Nextjs Starter 2020

Agilitycms Nextjs Starter

Agilitycms Nuxtjs Starter