{"id":19335717,"url":"https://github.com/buttercms/angular-starter-buttercms","last_synced_at":"2025-07-03T22:04:53.042Z","repository":{"id":37205789,"uuid":"496622420","full_name":"ButterCMS/angular-starter-buttercms","owner":"ButterCMS","description":"Drop-in proof-of-concept Angular app, fully integrated with your ButterCMS account","archived":false,"fork":false,"pushed_at":"2025-06-06T12:28:53.000Z","size":1689,"stargazers_count":5,"open_issues_count":0,"forks_count":4,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-07-03T22:04:06.640Z","etag":null,"topics":["angular","butter","buttercms","starter-project","starter-template","vercel"],"latest_commit_sha":null,"homepage":"https://angular-starter-buttercms.vercel.app","language":"CSS","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/ButterCMS.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,"zenodo":null}},"created_at":"2022-05-26T13:01:32.000Z","updated_at":"2025-06-06T12:28:10.000Z","dependencies_parsed_at":"2025-07-03T22:04:09.032Z","dependency_job_id":null,"html_url":"https://github.com/ButterCMS/angular-starter-buttercms","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/ButterCMS/angular-starter-buttercms","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ButterCMS%2Fangular-starter-buttercms","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ButterCMS%2Fangular-starter-buttercms/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ButterCMS%2Fangular-starter-buttercms/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ButterCMS%2Fangular-starter-buttercms/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ButterCMS","download_url":"https://codeload.github.com/ButterCMS/angular-starter-buttercms/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ButterCMS%2Fangular-starter-buttercms/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263410759,"owners_count":23462295,"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":["angular","butter","buttercms","starter-project","starter-template","vercel"],"created_at":"2024-11-10T03:08:35.402Z","updated_at":"2025-07-03T22:04:52.988Z","avatar_url":"https://github.com/ButterCMS.png","language":"CSS","readme":"![recommended node version](https://img.shields.io/badge/node-v22-green)\n\n# Angular + ButterCMS Starter Project\n\nThis Angular starter project fully integrates with dynamic sample content from your ButterCMS account, including main menu, pages, blog posts, categories, and tags, all with a beautiful, custom theme with already-implemented search functionality. All of the included sample content is automatically created in your account dashboard when you sign up for a free trial of ButterCMS.\n\n[View our live demo hosted at Vercel](https://test.vercel.app/), or you can click a button below to deploy your own copy of our starter\nproject to the provider of your choice.\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FButterCMS%2Fangular-starter-buttercms\u0026env=NG_APP_ANGULAR_BUTTER_CMS_API_KEY\u0026envDescription=Your%20ButterCMS%20API%20Token\u0026envLink=https%3A%2F%2Fbuttercms.com%2Fsettings%2F\u0026project-name=angular-starter-buttercms\u0026repo-name=angular-starter-buttercms\u0026redirect-url=https%3A%2F%2Fbuttercms.com%2Fonboarding%2Fvercel-starter-deploy-callback%2F\u0026production-deploy-hook=Deploy%20Triggered%20from%20ButterCMS\u0026demo-title=ButterCMS%20Angular%20Starter\u0026demo-description=Fully%20integrated%20with%20your%20ButterCMS%20account\u0026demo-url=https%3A%2F%2Ftest.vercel.app%2F\u0026demo-image=https://cdn.buttercms.com/r0tGK8xFRti2iRKBJ0eY\u0026repository-name=angular-starter-buttercms) \n\n\n## Technical Details and Requirements\n\n### Supported Versions\n\nThis project currently uses:\n- **Node.js**: v22 or later\n- **Angular**: v18.2 (LTS)\n- **ButterCMS**: v3.0.0\n- **TypeScript**: v5.4.5\n\n### Browser Compatibility\n\nThe application targets ES2022, which is supported by all modern browsers. For specific browser support, see the [Angular browser support guide](https://angular.dev/reference/versions).\n\n\n## 1. Installation\n\nFirst, clone the repo and install the dependencies by running `npm install`\n\n```bash\ngit clone https://github.com/ButterCMS/angular-starter-buttercms\ncd angular-starter-buttercms\nnpm install\n```\n\n### 2. Set API Token\n\nTo fetch your ButterCMS content, add your API token as an environment variable.\n\n```bash\n$ echo 'NG_APP_ANGULAR_BUTTER_CMS_API_KEY=\u003cYour API Token\u003e' \u003e\u003e .env\n```\n\n### 3. Run local server\n\nTo view the app in the browser, you'll need to run the local development server:\n\n```bash\n$ npm run start\n```\n\nCongratulations! Your starter project is now live at [http://localhost:4200/](http://localhost:4200/).\n\n## 4. Deploy on Vercel\n\nDeploy your Angular app using Vercel, the creators of Next.js. With a single click, you'll create a copy of our starter project in your Git provider account, instantly deploy it, and institute a full content workflow connected to your ButterCMS account. Smooth.\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FButterCMS%2Fangular-starter-buttercms\u0026env=NG_APP_ANGULAR_BUTTER_CMS_API_KEY\u0026envDescription=Your%20ButterCMS%20API%20Token\u0026envLink=https%3A%2F%2Fbuttercms.com%2Fsettings%2F\u0026project-name=angular-starter-buttercms\u0026repo-name=angular-starter-buttercms\u0026redirect-url=https%3A%2F%2Fbuttercms.com%2Fonboarding%2Fvercel-starter-deploy-callback%2F\u0026production-deploy-hook=Deploy%20Triggered%20from%20ButterCMS\u0026demo-title=ButterCMS%20Angular%20Starter\u0026demo-description=Fully%20integrated%20with%20your%20ButterCMS%20account\u0026demo-url=https%3A%2F%2Ftest.vercel.app%2F\u0026demo-image=https://cdn.buttercms.com/r0tGK8xFRti2iRKBJ0eY\u0026repository-name=angular-starter-buttercms) \n\n### 5. Webhooks\n\nThe ButterCMS webhook settings are located at https://buttercms.com/webhooks/\n\n### 6. Previewing Draft Changes\n\nBy default, your starter project is set up to allow previewing of draft changes saved in your ButterCMS.com account. To disable this functionality, set the following value in your .env file: NG_APP_ANGULAR_BUTTER_CMS_PREVIEW=false\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbuttercms%2Fangular-starter-buttercms","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbuttercms%2Fangular-starter-buttercms","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbuttercms%2Fangular-starter-buttercms/lists"}