Tailwind Resources Logo Tailwind Resources
Agilitycms Nuxtjs Starter screenshot

Agilitycms Nuxtjs Starter

Author Avatar Theme by Agility
Updated: 11 Dec 2025
5 Stars

Github Live Preview

Categories

Nuxt

Overview:

The Agility CMS & 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.

Features:

  • Agility CMS integration for Nuxt.js
  • Content Sync for ultra-fast build times
  • Full page routing and static rendering
  • Easy async data loading for additional components
  • Support for full Page Management
  • Support for Preview Mode
  • Dynamic loading of Page Templates and Agility CMS Page Modules
  • Uses Tailwind CSS for easy and customizable styling

Installation:

To start using the Agility CMS & Nuxt.js Starter, follow these steps:

  1. Sign up for a FREE account and create a new Instance using the Blog Template on Agility CMS.
  2. Clone this repository.
  3. Run npm install or yarn install to install the required dependencies.
  4. Rename the .env.example file to .env.
  5. Retrieve your GUID & API Keys (Preview/Fetch) from Agility CMS by going to Settings > API Keys.
  6. Run the site locally using the following commands:
    • In development mode: yarn dev or npm run dev
    • In production mode:
      • yarn build or npm run build to build the site with webpack and minify JS and CSS.
      • yarn generate or npm run generate to generate every route as an HTML file for static hosting.
      • yarn start or npm run start to spin up a production server for the site.

Summary:

The Agility CMS & 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.