Creating a Quasar Framework application with AWS Amplify services (Part 1/4)

Michael Freeman
Apr 1 · 8 min read

Getting Started

$ npm uninstall -g quasar-cli
$ npm install -g @quasar/cli
$ quasar create quasar-demo -b dev

Starting up your Quasar development environment

$ cd quasar-demo
$ quasar dev

Amplify it!

$ npm install -g @aws-amplify/cli
$ amplify configure
$ npm install --save aws-amplify
$ npm install --save aws-amplify-vue
$ npm install --save aws-appsync
$ npm install --save graphql
$ npm install --save graphql-tag
$ npm install --save vue-apollo

Create a new Amplify project

$ amplify init
Build Command: quasar build -m pwa
Start Command: quasar serve --history dist/pwa

Adding AWS Amplify resources to our project

$ amplify add auth

Adding the AppSync API layer

$ amplify add api

More information

Quasar Framework

Build high-performance VueJS user interfaces in record time

Thanks to nothingismagick.

Michael Freeman

Written by

Quasar Framework

Build high-performance VueJS user interfaces in record time