#16 Deploying a Vue site test

Test server & client deploy with Heroku

• Client-side doesn't seem to work out of the box

• No easy way to select a specific folder from your repo to deploy.

Take a look at .env:

• https://www.freecodecamp.org/news/heres-how-you-can-actually-use-node-environment-variables-8fdf98f53a0a/

• https://codeburst.io/process-env-what-it-is-and-why-when-how-to-use-it-effectively-505d0b2831e7

• https://www.youtube.com/watch?v=R5vuDeo0yK8

Test client deploy

Deploying with Netlify:

• Routing acts weird on refresh (needs an extra config file)

• https://community.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125/10

• https://community.netlify.com/t/vue-app-not-routing-correctly-when-deployed/6363

• https://docs.netlify.com/routing/redirects/rewrites-proxies/#limitations

• https://www.youtube.com/watch?v=C3FQoj7cw4s

Deploying with Vercel:

• https://deploy-demo-vue-rooms-client.vercel.app/

• Vercel recognizes that the app is using Vue automatically

• Routing works as it should out of the box 👍

I'll probably deploy my final project with Vercel (for the client) and Heroku (for the server).