<p>User authentication doesn't have to be the most difficult part of a new project. 
Make it easy by using Quasar and AWS Cognito. </p>
<h2 id="background">Background</h2>
<h3 id="what-is-quasar">What is Quasar?</h3>
<p>Quasar is a front-end framework built on top of VueJS that allows you to deploy:</p>
<ul>
<li>SPAs (Single Page App)</li>
<li>SSR (Server-side Rendered App) (+ optional PWA client takeover)</li>
<li>PWAs (Progressive Web App)</li>
<li>BEX (Browser Extension)</li>
<li>Mobile Apps (Android, iOS, …) through Cordova or Capacitor</li>
<li>Multi-platform Desktop Apps (using Electron)</li>
</ul>
<p>Find out more at: <a target="_blank" href="https://quasar.dev/introduction-to-quasar">Why Quasar</a></p>
<h3 id="what-is-cognito">What is Cognito?</h3>
<p>AWS Cognito is a cloud based user store developed by Amazon.</p>
<p>Find out more from Amazon at: <a target="_blank" href="https://docs.aws.amazon.com/cognito/latest/developerguide/what-is-amazon-cognito.html">What is Amazon Cognito?</a></p>
<h2 id="steps">Steps</h2>
<ol>
<li><a target="_blank" href="https://neilhoff.hashnode.dev/create-an-aws-cognito-user-pool-in-10-minutes-or-less">Create a Cognito User Pool</a></li>
<li><a target="_blank" href="https://quasar.dev/quasar-cli/installation">Install Quasar and create a new project</a></li>
<li><a target="_blank" href="https://neilhoff.hashnode.dev/quasar-cognito-step-3-initialize-authentication-and-secure-the-vue-router">Initialize Authentication and Secure the Vue Router</a></li>
<li>Create a Sign up page -- Coming Soon!</li>
<li>Create a Sign in page and a sign out button -- Coming Soon!</li>
</ol>
<h2 id="github-repository">Github Repository</h2>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://github.com/neilhoff/QuasarCognito">https://github.com/neilhoff/QuasarCognito</a></div>


User authentication doesn't have to be the most difficult part of a new project. 
Make it easy by using Quasar and AWS Cognito. 

## Background

### What is Quasar?

Quasar is a front-end framework built on top of VueJS that allows you to deploy:

- SPAs (Single Page App)
- SSR (Server-side Rendered App) (+ optional PWA client takeover)
- PWAs (Progressive Web App)
- BEX (Browser Extension)
- Mobile Apps (Android, iOS, …) through Cordova or Capacitor
- Multi-platform Desktop Apps (using Electron)

Find out more at: [Why Quasar](https://quasar.dev/introduction-to-quasar)

### What is Cognito?

AWS Cognito is a cloud based user store developed by Amazon.

Find out more from Amazon at: [What is Amazon Cognito?](https://docs.aws.amazon.com/cognito/latest/developerguide/what-is-amazon-cognito.html)

## Steps

1. [Create a Cognito User Pool](https://neilhoff.hashnode.dev/create-an-aws-cognito-user-pool-in-10-minutes-or-less)
2. [Install Quasar and create a new project](https://quasar.dev/quasar-cli/installation)
3. [Initialize Authentication and Secure the Vue Router](https://neilhoff.hashnode.dev/quasar-cognito-step-3-initialize-authentication-and-secure-the-vue-router)
4. Create a Sign up page -- Coming Soon!
5. Create a Sign in page and a sign out button -- Coming Soon!

## Github Repository

%[https://github.com/neilhoff/QuasarCognito]






 

Add User Authentication to Quasar with AWS Cognito in 5 Simple Steps

Background

What is Quasar?

What is Cognito?

Steps

Github Repository