{"id":23380665,"url":"https://github.com/agility/agilitycms-angular-blog","last_synced_at":"2025-04-08T07:43:28.239Z","repository":{"id":97728238,"uuid":"339257919","full_name":"agility/agilitycms-angular-blog","owner":"agility","description":"Sample Angular 11 blog with Agility CMS.  You can use this as a starting point to build a fully-featured Angular App with a headless cms like Agility.","archived":false,"fork":false,"pushed_at":"2021-04-12T18:36:36.000Z","size":316,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-02-14T04:51:15.059Z","etag":null,"topics":["agility","angular","cms","headless"],"latest_commit_sha":null,"homepage":"https://agilitycms-angular-blog.netlify.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/agility.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-02-16T01:49:04.000Z","updated_at":"2023-06-29T05:00:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"42bf2fce-aaeb-42ff-82a0-690693c62b1e","html_url":"https://github.com/agility/agilitycms-angular-blog","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agility%2Fagilitycms-angular-blog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agility%2Fagilitycms-angular-blog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agility%2Fagilitycms-angular-blog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agility%2Fagilitycms-angular-blog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/agility","download_url":"https://codeload.github.com/agility/agilitycms-angular-blog/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247801197,"owners_count":20998331,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["agility","angular","cms","headless"],"created_at":"2024-12-21T20:17:31.700Z","updated_at":"2025-04-08T07:43:28.232Z","avatar_url":"https://github.com/agility.png","language":"TypeScript","readme":"# Agility CMS + Angular -\u003e Blog\nThis is a sample Angular 11 blog with Agility CMS.  You can use this as a starting point to build a fully-featured Angular App with a headless cms like Agility.\n\n### Builds:\n\n- Preview: https://agilitycms-angular-blog-preview.netlify.app/\n  - [![Netlify Status](https://api.netlify.com/api/v1/badges/8ecd8982-86bf-498a-a05d-7ecbf4bbf11b/deploy-status)](https://app.netlify.com/sites/agilitycms-angular-blog-preview/deploys)\n\n- Production: https://agilitycms-angular-blog.netlify.app/\n  - [![Netlify Status](https://api.netlify.com/api/v1/badges/0f0a9c03-92a2-4b6a-8d71-187b449c8566/deploy-status)](https://app.netlify.com/sites/agilitycms-angular-blog/deploys)\n\n## Getting Started\nAngular and Agility CMS, also TypeScript? Oh ya, let's go!\n\n### Agility CMS Account\nThe first thing you need is a free Agility CMS account. [You can get that here 👋](https://manager.agilitycms.com/org/subscriptions/instance-setup?template=jamstack-blog\u0026plan=agility-free).\nOnce you create your Agility CMS account and ✨new✨ project name, come back here 🧐.\n\n### Clone the Repo\n\nNow that you've got the **content**, *you need the `code`!*\n\nGo ahead and clone the repo from github: 👇\n```shell\nhttps://github.com/agility/agilitycms-angular-blog.git\n```\n\n### Install Dependencies\n\n`npm install` or `yarn install`\n\nNormally, this will create 9,999,999,999 files in your `node_modules` folder.  Luckily, we're only gonna create 9,999,999 for this small demo.\n\n YAY! 👏👏👏\n\n\n### Environment Variables\nYou care about the environment don't you? 🌲🌳🌴🎋\n\nEither way, you're gonna need to grab a few variables from your Agility CMS account.  Head over to the [API Keys page](https://manager.agilitycms.com/settings/apikeys) in Agility CMS (https://manager.agilitycms.com/settings/apikeys) and grab your GUID, and API Keys for Preview and Fetch.\n\n- Open up your `src/environments` folder\n- Overwrite the values in the `environment.ts` file.\n  - 🗄 Use your PREVIEW KEY for the API Key.\n- Overwrite the values in the `environment.prod.ts` file\n  - 🗄 Use your FETCH KEY for the API Key.\n\n## Development server\n\nRun `npm start` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.\n\nThis will also load the latest (staging mode) content from Agility CMS.  When you change content in the CMS, simply reload your page to see those changes updated in the site.\n\n### Agility Service\nAgility CMS content is loaded using methods in the `agility/agility.service.ts` class.\n\n## Code scaffolding\n\nRun `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.\n\nAgility CMS modules are named `module-[module_name]`, and are also registered in the `agility/module.service.ts` file, indexed by the module reference name in lower case.  Each module component implements `IAgilityModuleComponent` with a special `data` input property that has the content for that module.\n\nCheck out the examples we've provided to learn more!\n\n## Build\n\nRun `npm run dev` to build the project in preview mode. The build artifacts will be stored in the `dist/` directory.\n\nRun `npm run build` flag for a production build.\n\n## Further help\n\n### Angular\nTo get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.\n\n### Agility CMS\nTo get help with Agility CMS, reach out to us on our website https://agilitycms.com\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fagility%2Fagilitycms-angular-blog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fagility%2Fagilitycms-angular-blog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fagility%2Fagilitycms-angular-blog/lists"}