Install Netlify CLI
npm i -g netlify-cli
Netlify dev gets funky with the ports. This article is helpful to understand.
The important thing to remember is that the URL that gets shown when the vue frontend (or react or whatever) is built is not correct and if you call netlify functions relatively from there you will 404.
http://localhost:8080/ is the correct URL, and is specified in the netlify.toml file.
Netlify dev actually reads the environment variables that are set on the Netlify Site Management website. I don't use .env files and stuff and all you should need is to run
netlify link
Also this will list all environment variables for the site
netlify env:list
For environment variables that are need by the Vue build (anything but netlify functions basically), it does some funky stuff (doesn't actually add to the process.env) and Vue only loads environment variables prefixed with VUE_APP_, so just an FYI.
- Hide ALL environment variables from version control (this includes retroactively erasing them)
- Use localstorage to save VueX state (dark mode stuff) @Mark
If we are crazy we can even do searching songs through our app and use more of the Spotify API
It would be cool to not have to configure the spotify redirect whitelist, but I don't think we have an option there.
** May have to switch to different DB (mongo), depending on usage