Codementor Events

Install an Angular Authentication App in 3 Steps

Published Jan 15, 2019Last updated Jul 13, 2019
Install an Angular Authentication App in 3 Steps

Cosmic JS is a modern, headless content management system that empowers teams to build apps faster, together. Cosmic JS provides a web-based dashboard for content creators to manage content, and API tools and resources for developers to integrate their content with their applications.

In this tutorial I'll demonstrate using the Cosmic JS CLI to install an Angular Authentication App, built by Ankit Kumar in the Cosmic Community using Angular 6, Node.js and Cosmic JS. Users can register with their email address or their Google Login, with all data stored in Cosmic JS. I encourage you to read the original article to see how it's built. You can install, deploy and edit every part of this Angular Auth App from your Cosmic JS Bucket Dashboard. 🔥

0e4a5930-1519-11e9-aaba-93c9f494a70a-angular-auth-1.png

TL;DR:

Angular Authentication App
Angular Authentication App Demo
Angular Authentication App Codebase
How to Build an Authentication App using Angular 6 and Cosmic JS

Step 1: Create an Account

Sign up for Cosmic JS + Install the Cosmic CLI + Create a New Bucket

Step 2: Installation 🛠️

Install via the Cosmic CLI:
ae6541c0-18f0-11e9-badd-519956ca14b5-Screen-Shot-2019-01-15-at-10.03.40-AM.png

I set up an example Bucket for this blog:
ezgif-2-b5437fc6412d.gif

Run cosmic -h for a list of all commands. Run cosmic [command] -h for details on options for a specific command. You're now up and running with an Angular Authentication App that can register users via email or their Google Login, with all content managed entirely from your Cosmic JS Bucket Dashboard and Command Line Terminal tool of choice.

Conclusion

I was able to easily install an Angular Authentication App using a headless CMS API that I can now use to manage dynamic content changes. When ditching the installed content management system and going API-first isn't quick enough, check out the Starter Apps from Cosmic JS to get a project up and running in seconds. 🔥

Learn more about contributing your own project to the Cosmic JS Community. If you have any comments or questions about building apps with Cosmic JS, reach out to us on Twitter and join the conversation on Slack.

Discover and read more posts from Carson Gibbons
get started