title: How to deploy nodejs and vuejs to heroku
body: <p>How can I can deploy my project to heroku.
  My code base here:
  <a href="https://i.stack.imgur.com/o1eNE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o1eNE.png" alt="img"></a> </p>
  
  <p><br>I try to deploy to heroku but I always get an error.</p>
  
  <pre><code>-----&gt; App not compatible with buildpack: https://buildpack-registry.s3.amazonaws.com/buildpacks/heroku/nodejs.tgz
  
   !     ERROR: Application not supported by 'heroku/nodejs' buildpack
   !     
   !     The 'heroku/nodejs' buildpack is set on this application, but was
   !     unable to detect a Node.js codebase.
   !         
   !     A Node.js app on Heroku requires a 'package.json' at the root of
   !     the directory structure.
   !     
   !     If you are trying to deploy a Node.js application, ensure that this
   !     file is present at the top level directory. This directory has the
   !     following files:
   !     
   !     Procfile
   !     server/
   !     tsconfig.json
   !     vue/
   !         
   !     If you are trying to deploy an application written in another
   !     language, you need to change the list of buildpacks set on your
   !     Heroku app using the 'heroku buildpacks' command.
   !         
   !     For more information, refer to the following documentation:
   !     https://devcenter.heroku.com/articles/buildpacks
   !     https://devcenter.heroku.com/articles/nodejs-support#activation
         More info: https://devcenter.heroku.com/articles/buildpacks#detection-failure
   !     Push failed
  </code></pre>
  
  <p>Can I change a heroku config to uses package file in sub folder?</p>