This project was created to help represent a fundamental app written with Vue. The heroes and villains theme is used throughout the app.

by John Papa

How do you deploy a Vue app with Node.js server and API to the cloud? How does Docker help? Let's find out.

Hosted in Azure

• View the live app 👉Tour of Heroes for VueConf 2019

1. Clone this repository

   git clone https://github.com/johnpapa/heroes-vue-node-api.git
   cd heroes-vue-node-api

2. Install the npm packages

   npm install

3. Run the app!

   npm run dev-proxy

4. Browse to http://localhost:9001

TODO: There is a database key required for this app. I will be removing this need shortly so you can run it without that requirement.

1. Run Docker: Compose Up from the VS Code menu
2. Browse to http://localhost:8000

You can host the app any way you prefer. I chose Docker because it is familiar to me and makes it easy to run anywhere (local or cloud). You do you though and feel free to run this in your own way.

• Learn more about how to debug this app here

Open an issue here

• Azure Free Trial

• Azure Container Registry
• Docker Hub Registry

• VS Code
• VS Code Extension for Node on Azure
• Debugging Vue in VS Code
• Create a Registry on Azure with VS Code