xander-miller / take-back-ontario-nuxt

Take Back Ontario Nuxt

Stack

• Nuxt 3
• Vue 3 with composition API
• Netfliy - including Cloud Functions
• Neo4j Graph Database
• Optional GraphQL
• Decap CMS for content management in git
• AWS Amplify for Cognito authentication

Setup

General

make sure you have netlify cli installed globally

npm install netlify-cli -g

Get the MDC - Markdown Components VScode extension

Get the Nuxt Assistant Chrome extension

Get the Tailwind VScode extension

Docker

• Ensure you have Docker setup and running.

Amplify

1. Install the amplify cli

2. Install the aws cli

3. Login to the aws console

4. Navigate to the Security credentials for your account

5. Create an access key

• it should be CLI (you must also check off the i understand the above....)
• give it a description
• keep this access key secret page open, you will need the secrets in the next step

6. run aws configure

• copy the access key and secret access key into the aws configure inputs.

7. Pull your configuration amplify pull

8. Select the profile you just created (likely just default)

9. Select the dev amplify environment

10. The next time you run npm run dev the app will be using the dev environment to do auth

Development

Before starting the dev server you must spin up the development neo4j server using docker-compose.

# Keep this running in another terminal
docker-compose up

Start the development server on http://localhost:3000:

# npm
npm run dev

Neo4j

In order to query/mutate neo4j see the nuxt-neo4j Usage section.