Heroku Deployment for TypeScript Vue3 App
Budget: $10 – $30 CAD
I've developed an application using Vue3 and TypeScript and I need an expert to deploy it on Heroku. Ideal applicants will possess the following qualifications:
- Extensive experience in TypeScript and Vue3
- Proficiency in using Heroku Node.js Buildpack for deployment
- Knowledgeable in setting up applications that require no additional environment variables
Please note that there are no API keys or access credentials needed for the app to work correctly. I appreciate your time and look forward to seeing your proposals.
FYI, below error is occuring
2024-05-09T03:44:59.526204+00:00 heroku[web.1]: State changed from crashed to starting
2024-05-09T03:45:04.980734+00:00 heroku[web.1]: Starting process with command `npm run dev`
2024-05-09T03:45:05.972454+00:00 app[web.1]: npm WARN config production Use `--omit=dev` instead.
2024-05-09T03:45:06.099797+00:00 app[web.1]:
2024-05-09T03:45:06.099798+00:00 app[web.1]: > owera-portfolio@0.0.0 dev
2024-05-09T03:45:06.099798+00:00 app[web.1]: > vite
2024-05-09T03:45:06.099798+00:00 app[web.1]:
2024-05-09T03:45:06.592847+00:00 app[web.1]: env {
2024-05-09T03:45:06.592901+00:00 app[web.1]: NPM_CONFIG_PRODUCTION: 'false',
2024-05-09T03:45:06.592910+00:00 app[web.1]: npm_config_user_agent: 'npm/10.5.0 node/v20.12.2 linux x64 workspaces/false',
2024-05-09T03:45:06.592910+00:00 app[web.1]: npm_node_execpath: '/app/.heroku/node/bin/node',
2024-05-09T03:45:06.592911+00:00 app[web.1]: SHLVL: '0',
2024-05-09T03:45:06.592911+00:00 app[web.1]: npm_config_noproxy: '',
2024-05-09T03:45:06.592912+00:00 app[web.1]: PORT: '54801',
2024-05-09T03:45:06.592912+00:00 app[web.1]: HOME: '/app',
2024-05-09T03:45:06.592912+00:00 app[web.1]: npm_package_json: '/app/package.json',
2024-05-09T03:45:06.592912+00:00 app[web.1]: PS1: '\\[\\033[01;34m\\]\\w\\[\\033[00m\\] \\[\\033[01;32m\\]$ \\[\\033[00m\\]',
2024-05-09T03:45:06.592913+00:00 app[web.1]: npm_config_userconfig: '/app/.npmrc',
2024-05-09T03:45:06.592913+00:00 app[web.1]: npm_config_local_prefix: '/app',
2024-05-09T03:45:06.592913+00:00 app[web.1]: COLOR: '0',
2024-05-09T03:45:06.592913+00:00 app[web.1]: _: '/app/.heroku/node/bin/npm',
2024-05-09T03:45:06.592913+00:00 app[web.1]: npm_config_prefix: '/app/.heroku/node',
2024-05-09T03:45:06.592913+00:00 app[web.1]: npm_config_npm_version: '10.5.0',
2024-05-09T03:45:06.592914+00:00 app[web.1]: WEB_CONCURRENCY: '1',
2024-05-09T03:45:06.592914+00:00 app[web.1]: npm_config_cache: '/app/.npm',
2024-05-09T03:45:06.592914+00:00 app[web.1]: COREPACK_HOME: '/app/.heroku/corepack',
2024-05-09T03:45:06.592915+00:00 app[web.1]: npm_config_node_gyp: '/app/.heroku/node/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js',
2024-05-09T03:45:06.592918+00:00 app[web.1]: PATH: '/app/node_modules/.bin:/node_modules/.bin:/app/.heroku/node/lib/node_modules/npm/node_modules/@npmcli/run-script/lib/node-gyp-bin:/app/.heroku/node/bin:/app/.heroku/yarn/bin:/usr/local/bin:/usr/bin:/bin:/app/bin:/app/node_modules/.bin',
2024-05-09T03:45:06.592919+00:00 app[web.1]: NODE: '/app/.heroku/node/bin/node',
2024-05-09T03:45:06.592919+00:00 app[web.1]: npm_package_name: 'owera-portfolio',
2024-05-09T03:45:06.592919+00:00 app[web.1]: MEMORY_AVAILABLE: '512',
2024-05-09T03:45:06.592919+00:00 app[web.1]: NODE_HOME: '/app/.heroku/node',
2024-05-09T03:45:06.592919+00:00 app[web.1]: npm_lifecycle_script: 'vite',
2024-05-09T03:45:06.592919+00:00 app[web.1]: npm_package_version: '0.0.0',
2024-05-09T03:45:06.592920+00:00 app[web.1]: npm_lifecycle_event: 'dev',
2024-05-09T03:45:06.592920+00:00 app[web.1]: npm_config_globalconfig: '/app/.heroku/node/etc/npmrc',
2024-05-09T03:45:06.592920+00:00 app[web.1]: npm_config_init_module: '/app/.npm-init.js',
2024-05-09T03:45:06.592920+00:00 app[web.1]: PWD: '/app',
2024-05-09T03:45:06.592921+00:00 app[web.1]: npm_execpath: '/app/.heroku/node/lib/node_modules/npm/bin/npm-cli.js',
2024-05-09T03:45:06.592921+00:00 app[web.1]: YARN_PRODUCTION: 'false',
2024-05-09T03:45:06.592921+00:00 app[web.1]: npm_config_global_prefix: '/app/.heroku/node',
2024-05-09T03:45:06.592921+00:00 app[web.1]: npm_command: 'run-script',
2024-05-09T03:45:06.592921+00:00 app[web.1]: NODE_ENV: 'production',
2024-05-09T03:45:06.592922+00:00 app[web.1]: WEB_MEMORY: '512',
2024-05-09T03:45:06.592922+00:00 app[web.1]: DYNO: 'web.1',
2024-05-09T03:45:06.592922+00:00 app[web.1]: INIT_CWD: '/app',
2024-05-09T03:45:06.592922+00:00 app[web.1]: EDITOR: 'vi'
2024-05-09T03:45:06.592922+00:00 app[web.1]: }
2024-05-09T03:45:06.592976+00:00 app[web.1]: going to use port 54801
2024-05-09T03:45:06.634244+00:00 app[web.1]:
2024-05-09T03:45:06.634249+00:00 app[web.1]: VITE v5.2.10 ready in 502 ms
2024-05-09T03:45:06.634250+00:00 app[web.1]:
2024-05-09T03:45:06.634615+00:00 app[web.1]: ➜ Local: http://localhost:54801/
2024-05-09T03:45:06.634700+00:00 app[web.1]: ➜ Network: use --host to expose
2024-05-09T03:45:06.634798+00:00 app[web.1]: ➜ Vue DevTools: Open http://localhost:54801/__devtools__/ as a separate window
2024-05-09T03:45:06.634816+00:00 app[web.1]: ➜ Vue DevTools: Press Alt(⌥)+Shift(⇧)+D in App to toggle the Vue DevTools
2024-05-09T03:45:06.634816+00:00 app[web.1]:
2024-05-09T03:46:05.561388+00:00 heroku[web.1]: Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch
2024-05-09T03:46:05.574879+00:00 heroku[web.1]: Stopping process with SIGKILL
2024-05-09T03:46:05.660887+00:00 heroku[web.1]: Process exited with status 137
2024-05-09T03:46:05.685307+00:00 heroku[web.1]: State changed from starting to crashed
2024-05-09T03:47:59.261592+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=owera-ca-portfolio2-fbf2768824ee.herokuapp.com request_id=b0da96d1-687e-42ca-bc8f-20a9cce116f4 fwd="99.227.208.245" dyno= connect= service= status=503 bytes= protocol=https
2024-05-09T03:47:59.341125+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=owera-ca-portfolio2-fbf2768824ee.herokuapp.com request_id=b1d1c4f8-39b7-4c90-9e61-a400a9bd0534 fwd="99.227.208.245" dyno= connect= service= status=503 bytes= protocol=https
2024-05-09T03:57:03.975592+00:00 app[api]: Starting process with command `bash` by user <redacted>
2024-05-09T03:57:10.529113+00:00 heroku[run.9527]: State changed from starting to up
2024-05-09T03:58:36.548892+00:00 heroku[run.9527]: Process exited with status 130
2024-05-09T03:58:36.575134+00:00 heroku[run.9527]: State changed from up to complete
2024-05-09T03:58:45.069588+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=owera-ca-portfolio2-fbf2768824ee.herokuapp.com request_id=33726eaf-26e1-45d6-9f36-8e4b5a423898 fwd="99.227.208.245" dyno= connect= service= status=503 bytes= protocol=https
2024-05-09T03:58:45.587417+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=owera-ca-portfolio2-fbf2768824ee.herokuapp.com request_id=0f39be01-0970-44a8-817f-d734f04c92c0 fwd="99.227.208.245" dyno= connect= service= status=503 bytes= protocol=https
2024-05-09T03:58:56.711345+00:00 app[api]: Starting process with command `bash` by user
2024-05-09T03:59:04.463037+00:00 heroku[run.7788]: State changed from starting to up
2024-05-09T03:59:53.705093+00:00 heroku[run.7788]: Process exited with status 1
2024-05-09T03:59:53.732505+00:00 heroku[run.7788]: State changed from up to complete
- Extensive experience in TypeScript and Vue3
- Proficiency in using Heroku Node.js Buildpack for deployment
- Knowledgeable in setting up applications that require no additional environment variables
Please note that there are no API keys or access credentials needed for the app to work correctly. I appreciate your time and look forward to seeing your proposals.
FYI, below error is occuring
2024-05-09T03:44:59.526204+00:00 heroku[web.1]: State changed from crashed to starting
2024-05-09T03:45:04.980734+00:00 heroku[web.1]: Starting process with command `npm run dev`
2024-05-09T03:45:05.972454+00:00 app[web.1]: npm WARN config production Use `--omit=dev` instead.
2024-05-09T03:45:06.099797+00:00 app[web.1]:
2024-05-09T03:45:06.099798+00:00 app[web.1]: > owera-portfolio@0.0.0 dev
2024-05-09T03:45:06.099798+00:00 app[web.1]: > vite
2024-05-09T03:45:06.099798+00:00 app[web.1]:
2024-05-09T03:45:06.592847+00:00 app[web.1]: env {
2024-05-09T03:45:06.592901+00:00 app[web.1]: NPM_CONFIG_PRODUCTION: 'false',
2024-05-09T03:45:06.592910+00:00 app[web.1]: npm_config_user_agent: 'npm/10.5.0 node/v20.12.2 linux x64 workspaces/false',
2024-05-09T03:45:06.592910+00:00 app[web.1]: npm_node_execpath: '/app/.heroku/node/bin/node',
2024-05-09T03:45:06.592911+00:00 app[web.1]: SHLVL: '0',
2024-05-09T03:45:06.592911+00:00 app[web.1]: npm_config_noproxy: '',
2024-05-09T03:45:06.592912+00:00 app[web.1]: PORT: '54801',
2024-05-09T03:45:06.592912+00:00 app[web.1]: HOME: '/app',
2024-05-09T03:45:06.592912+00:00 app[web.1]: npm_package_json: '/app/package.json',
2024-05-09T03:45:06.592912+00:00 app[web.1]: PS1: '\\[\\033[01;34m\\]\\w\\[\\033[00m\\] \\[\\033[01;32m\\]$ \\[\\033[00m\\]',
2024-05-09T03:45:06.592913+00:00 app[web.1]: npm_config_userconfig: '/app/.npmrc',
2024-05-09T03:45:06.592913+00:00 app[web.1]: npm_config_local_prefix: '/app',
2024-05-09T03:45:06.592913+00:00 app[web.1]: COLOR: '0',
2024-05-09T03:45:06.592913+00:00 app[web.1]: _: '/app/.heroku/node/bin/npm',
2024-05-09T03:45:06.592913+00:00 app[web.1]: npm_config_prefix: '/app/.heroku/node',
2024-05-09T03:45:06.592913+00:00 app[web.1]: npm_config_npm_version: '10.5.0',
2024-05-09T03:45:06.592914+00:00 app[web.1]: WEB_CONCURRENCY: '1',
2024-05-09T03:45:06.592914+00:00 app[web.1]: npm_config_cache: '/app/.npm',
2024-05-09T03:45:06.592914+00:00 app[web.1]: COREPACK_HOME: '/app/.heroku/corepack',
2024-05-09T03:45:06.592915+00:00 app[web.1]: npm_config_node_gyp: '/app/.heroku/node/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js',
2024-05-09T03:45:06.592918+00:00 app[web.1]: PATH: '/app/node_modules/.bin:/node_modules/.bin:/app/.heroku/node/lib/node_modules/npm/node_modules/@npmcli/run-script/lib/node-gyp-bin:/app/.heroku/node/bin:/app/.heroku/yarn/bin:/usr/local/bin:/usr/bin:/bin:/app/bin:/app/node_modules/.bin',
2024-05-09T03:45:06.592919+00:00 app[web.1]: NODE: '/app/.heroku/node/bin/node',
2024-05-09T03:45:06.592919+00:00 app[web.1]: npm_package_name: 'owera-portfolio',
2024-05-09T03:45:06.592919+00:00 app[web.1]: MEMORY_AVAILABLE: '512',
2024-05-09T03:45:06.592919+00:00 app[web.1]: NODE_HOME: '/app/.heroku/node',
2024-05-09T03:45:06.592919+00:00 app[web.1]: npm_lifecycle_script: 'vite',
2024-05-09T03:45:06.592919+00:00 app[web.1]: npm_package_version: '0.0.0',
2024-05-09T03:45:06.592920+00:00 app[web.1]: npm_lifecycle_event: 'dev',
2024-05-09T03:45:06.592920+00:00 app[web.1]: npm_config_globalconfig: '/app/.heroku/node/etc/npmrc',
2024-05-09T03:45:06.592920+00:00 app[web.1]: npm_config_init_module: '/app/.npm-init.js',
2024-05-09T03:45:06.592920+00:00 app[web.1]: PWD: '/app',
2024-05-09T03:45:06.592921+00:00 app[web.1]: npm_execpath: '/app/.heroku/node/lib/node_modules/npm/bin/npm-cli.js',
2024-05-09T03:45:06.592921+00:00 app[web.1]: YARN_PRODUCTION: 'false',
2024-05-09T03:45:06.592921+00:00 app[web.1]: npm_config_global_prefix: '/app/.heroku/node',
2024-05-09T03:45:06.592921+00:00 app[web.1]: npm_command: 'run-script',
2024-05-09T03:45:06.592921+00:00 app[web.1]: NODE_ENV: 'production',
2024-05-09T03:45:06.592922+00:00 app[web.1]: WEB_MEMORY: '512',
2024-05-09T03:45:06.592922+00:00 app[web.1]: DYNO: 'web.1',
2024-05-09T03:45:06.592922+00:00 app[web.1]: INIT_CWD: '/app',
2024-05-09T03:45:06.592922+00:00 app[web.1]: EDITOR: 'vi'
2024-05-09T03:45:06.592922+00:00 app[web.1]: }
2024-05-09T03:45:06.592976+00:00 app[web.1]: going to use port 54801
2024-05-09T03:45:06.634244+00:00 app[web.1]:
2024-05-09T03:45:06.634249+00:00 app[web.1]: VITE v5.2.10 ready in 502 ms
2024-05-09T03:45:06.634250+00:00 app[web.1]:
2024-05-09T03:45:06.634615+00:00 app[web.1]: ➜ Local: http://localhost:54801/
2024-05-09T03:45:06.634700+00:00 app[web.1]: ➜ Network: use --host to expose
2024-05-09T03:45:06.634798+00:00 app[web.1]: ➜ Vue DevTools: Open http://localhost:54801/__devtools__/ as a separate window
2024-05-09T03:45:06.634816+00:00 app[web.1]: ➜ Vue DevTools: Press Alt(⌥)+Shift(⇧)+D in App to toggle the Vue DevTools
2024-05-09T03:45:06.634816+00:00 app[web.1]:
2024-05-09T03:46:05.561388+00:00 heroku[web.1]: Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch
2024-05-09T03:46:05.574879+00:00 heroku[web.1]: Stopping process with SIGKILL
2024-05-09T03:46:05.660887+00:00 heroku[web.1]: Process exited with status 137
2024-05-09T03:46:05.685307+00:00 heroku[web.1]: State changed from starting to crashed
2024-05-09T03:47:59.261592+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=owera-ca-portfolio2-fbf2768824ee.herokuapp.com request_id=b0da96d1-687e-42ca-bc8f-20a9cce116f4 fwd="99.227.208.245" dyno= connect= service= status=503 bytes= protocol=https
2024-05-09T03:47:59.341125+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=owera-ca-portfolio2-fbf2768824ee.herokuapp.com request_id=b1d1c4f8-39b7-4c90-9e61-a400a9bd0534 fwd="99.227.208.245" dyno= connect= service= status=503 bytes= protocol=https
2024-05-09T03:57:03.975592+00:00 app[api]: Starting process with command `bash` by user <redacted>
2024-05-09T03:57:10.529113+00:00 heroku[run.9527]: State changed from starting to up
2024-05-09T03:58:36.548892+00:00 heroku[run.9527]: Process exited with status 130
2024-05-09T03:58:36.575134+00:00 heroku[run.9527]: State changed from up to complete
2024-05-09T03:58:45.069588+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=owera-ca-portfolio2-fbf2768824ee.herokuapp.com request_id=33726eaf-26e1-45d6-9f36-8e4b5a423898 fwd="99.227.208.245" dyno= connect= service= status=503 bytes= protocol=https
2024-05-09T03:58:45.587417+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=owera-ca-portfolio2-fbf2768824ee.herokuapp.com request_id=0f39be01-0970-44a8-817f-d734f04c92c0 fwd="99.227.208.245" dyno= connect= service= status=503 bytes= protocol=https
2024-05-09T03:58:56.711345+00:00 app[api]: Starting process with command `bash` by user
2024-05-09T03:59:04.463037+00:00 heroku[run.7788]: State changed from starting to up
2024-05-09T03:59:53.705093+00:00 heroku[run.7788]: Process exited with status 1
2024-05-09T03:59:53.732505+00:00 heroku[run.7788]: State changed from up to complete