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:
- Sign up for a FREE account and create a new Instance using the Blog Template on Agility CMS.
- Clone this repository.
- Run
npm installoryarn installto install the required dependencies. - Rename the
.env.examplefile to.env. - Retrieve your GUID & API Keys (Preview/Fetch) from Agility CMS by going to Settings > API Keys.
- Run the site locally using the following commands:
- In development mode:
yarn devornpm run dev - In production mode:
yarn buildornpm run buildto build the site with webpack and minify JS and CSS.yarn generateornpm run generateto generate every route as an HTML file for static hosting.yarn startornpm run startto spin up a production server for the site.
- In development mode:
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.