{"id":21169172,"url":"https://github.com/cosmicjs/angular-marketing-landing-page","last_synced_at":"2025-10-19T02:06:41.948Z","repository":{"id":77502781,"uuid":"301539115","full_name":"cosmicjs/angular-marketing-landing-page","owner":"cosmicjs","description":"An example of a simple marketing landing page to collect data for leads in exchange for files.","archived":false,"fork":false,"pushed_at":"2020-10-07T19:46:32.000Z","size":203,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-01-21T10:32:05.870Z","etag":null,"topics":["cosmicjs","headlesscms","landingpage","marketing"],"latest_commit_sha":null,"homepage":"https://www.cosmicjs.com/apps/angular-marketing-landing-page","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/cosmicjs.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":"2020-10-05T21:03:06.000Z","updated_at":"2020-11-23T06:32:18.000Z","dependencies_parsed_at":null,"dependency_job_id":"ddf59629-d091-44bc-9d99-e1da31586b1a","html_url":"https://github.com/cosmicjs/angular-marketing-landing-page","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/cosmicjs%2Fangular-marketing-landing-page","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cosmicjs%2Fangular-marketing-landing-page/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cosmicjs%2Fangular-marketing-landing-page/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cosmicjs%2Fangular-marketing-landing-page/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cosmicjs","download_url":"https://codeload.github.com/cosmicjs/angular-marketing-landing-page/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243615565,"owners_count":20319733,"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":["cosmicjs","headlesscms","landingpage","marketing"],"created_at":"2024-11-20T15:25:00.050Z","updated_at":"2025-10-19T02:06:36.894Z","avatar_url":"https://github.com/cosmicjs.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular Marketing Landing Page\n![Screenshot](https://imgix.cosmicjs.com/33f05e90-0749-11eb-ae60-6dcb8c7018a0-landing-page-3.png?w=1200\u0026auto=format)\n\nThis application is a simple landing page built using [Angular](https://angular.io/) and the [Cosmic Headless CMS](https://www.cosmicjs.com/) that allows an organization to build a mailing list of users and in exchange deliver some premium content to the user via a download.\n\n## How it works\n1. The application owner sets up a campaign up in [Cosmic](https://www.cosmicjs.com/) which feeds details into the landing page.\n2. When the user visits the landing page they will receive information about the campaign and be presented with a form to sign up for the offered content.\n3. After the user's information is submitted, it is saved in a Cosmic Object and attached to the campaign Object.\n4. The user then receives the premium content downloaded to their machine.\n\n## Cosmic Setup\nOne click install to a new Bucket with the following button:\n\n[![Powered by Cosmic](https://web-assets.cosmicjs.com/images/powered-by-cosmic.svg)](https://app.cosmicjs.com/add-bucket?import_bucket=5f52a4e110dbb60008716d5f)\n\nYou can also view more details, and select this app in the [Cosmic App Marketplace](https://www.cosmicjs.com/apps/angular-marketing-landing-page).\n\n## Application Configuration\n\nLocally, the application requires a `.env` file holding the environment variables needed for the application to communicate with the Cosmic API. When moving to deployment, the application will pull the values from the server's environment variables and create an environment file for the application so it will have access to these values. The list of what variables are needed are the following (find these in your Cosmic dashboard located in [Bucket Basic Settings \u003e API Access](https://app.cosmicjs.com/login)):\n\n```bash\n# .env\nCOSMIC_BUCKET=\u003cyour-bucket-slug\u003e\nCOSMIC_READ_KEY=\u003cyour-bucket-read-key\u003e\nCOSMIC_WRITE_KEY=\u003cyour-bucket-write-key\u003e\nCOSMIC_API_URL=https://api.cosmicjs.com/v1/\nCOSMIC_CAMPAIGN_NAME=\u003ccampaign-object-slug\u003e # find this in the Campaigns \u003e My First Campaign in the Cosmic Dashboard\n```\n## Getting Started\nClone this repo, install and run.\n```\ngit clone https://github.com/cosmicjs/angular-marketing-landing-page\ncd angular-marketing-landing-page\nnpm i\nnpm start\n```\nGo to your local running instance at https://localhost:4200.\n\n## Deploy to Netlify\nDeploy to Netlify using the following button. You will need to add your Bucket slug and Bucket read key as environment variables. Find these in \u003ci\u003eBasic Settings \u0026gt; API Access.\u003c/i\u003e\n\n\u003ca href=\"https://app.netlify.com/start/deploy?repository=https://github.com/cosmicjs/angular-marketing-landing-page\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.cosmicjs.com/787493f0-c064-11ea-9a05-6f8a16b0b14c-deploy-button.svg\" style=\"width: 150px;\"\u003e\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcosmicjs%2Fangular-marketing-landing-page","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcosmicjs%2Fangular-marketing-landing-page","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcosmicjs%2Fangular-marketing-landing-page/lists"}