Skip to content

agility/agilitycms-angular-starter

Repository files navigation

Agility CMS & Angular Starter

New to Agility CMS? Sign up for a FREE account

Introduction to Angular and Agility CMS

About This Starter

  • Angular is a popular platform and framework maintained by Google for building single-page client applications using HTML and TypeScript.
  • Supports full Page Management.
  • Supports Preview Mode.

Tailwind CSS

This starter uses Tailwind CSS, a simple and lightweight utility-first CSS framework packed with classes that can be composed to build any design, directly in your markup.

It also comes equipped with Autoprefixer, a plugin which use the data based on current browser popularity and property support to apply CSS prefixes for you.

Getting Started

To start using the Agility CMS & Angular Starter, sign up for a FREE account and create a new Instance using the Blog Template.

Setting up the Starter

  1. cd into the src/environments directory.
  2. Overwrite the values in the environment.ts file using your Preview API Key.
  3. Overwrite the values in the environment.prod.ts file using your Fetch API Key.

You can get these values from the API Keys page in Agility Settings.

Running the Site Locally

  • npm run start => Starts your development environment.
  • npm run build => Builds your production enviornment.

How It Works

Resources

Agility CMS

Angular

Tailwind CSS

Community

Feedback and Questions

If you have feedback or questions about this starter, please use the Github Issues on this repo, join our Community Slack Channel or create a post on the Agility Developer Community.