How do i connect Heroku to strapi?

I have trouble connecting strapi with heroku have been tried to follow some videos on youtube but they are all 3months old and it looks like heroku updated its setups. in fact when you upload it says succesfully uploaded but then you cant access strapi. like below

What do you see in logs?

I’ll 2nd this, can you please provide the logs?

I’m so sorry for the delayed reply was off,

Node.js app detected

-----> Creating runtime environment

   NPM_CONFIG_LOGLEVEL=error

   NODE_ENV=production

   NODE_MODULES_CACHE=true

   NODE_VERBOSE=false

-----> Installing binaries

   engines.node (package.json):  >=10.0.0

   engines.npm (package.json):   >=6.0.0

   

   Resolving node version >=10.0.0...

   Downloading and installing node 15.0.1...

   Bootstrapping npm >=6.0.0 (replacing 7.0.3)...

   npm >=6.0.0 installed

-----> Installing dependencies

   Installing node modules

   

   > core-js@3.6.5 postinstall /tmp/build_a2b18be2/node_modules/cloudinary/node_modules/core-js

   > node -e "try{require('./postinstall')}catch(e){}"

   

   

   > @fortawesome/fontawesome-common-types@0.2.32 postinstall /tmp/build_a2b18be2/node_modules/@fortawesome/fontawesome-common-types

   > node attribution.js

   

   Font Awesome Free 0.2.32 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > @fortawesome/free-solid-svg-icons@5.15.1 postinstall /tmp/build_a2b18be2/node_modules/@fortawesome/free-solid-svg-icons

   > node attribution.js

   

   Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > @fortawesome/free-regular-svg-icons@5.15.1 postinstall /tmp/build_a2b18be2/node_modules/@fortawesome/free-regular-svg-icons

   > node attribution.js

   

   Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > @fortawesome/fontawesome-svg-core@1.2.32 postinstall /tmp/build_a2b18be2/node_modules/@fortawesome/fontawesome-svg-core

   > node attribution.js

   

   Font Awesome Free 1.2.32 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > @fortawesome/fontawesome-free@5.15.1 postinstall /tmp/build_a2b18be2/node_modules/@fortawesome/fontawesome-free

   > node attribution.js

   

   Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > sharp@0.26.0 install /tmp/build_a2b18be2/node_modules/sharp

   > (node install/libvips && node install/dll-copy && prebuild-install) || (node-gyp rebuild && node install/dll-copy)

   

   info sharp Downloading https://github.com/lovell/sharp-libvips/releases/download/v8.10.0/libvips-8.10.0-linux-x64.tar.br

   

   > core-js@3.6.5 postinstall /tmp/build_a2b18be2/node_modules/fbjs/node_modules/core-js

   > node -e "try{require('./postinstall')}catch(e){}"

   

   

   > fsevents@1.2.13 install /tmp/build_a2b18be2/node_modules/webpack-dev-server/node_modules/fsevents

   > node install.js

   

   

   Skipping 'fsevents' build as platform linux is not supported

   

   > fsevents@1.2.13 install /tmp/build_a2b18be2/node_modules/watchpack-chokidar2/node_modules/fsevents

   > node install.js

   

   

   Skipping 'fsevents' build as platform linux is not supported

   

   > @fortawesome/free-brands-svg-icons@5.15.1 postinstall /tmp/build_a2b18be2/node_modules/@fortawesome/free-brands-svg-icons

   > node attribution.js

   

   Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > core-js@2.6.11 postinstall /tmp/build_a2b18be2/node_modules/core-js

   > node -e "try{require('./postinstall')}catch(e){}"

   

   

   > strapi@3.2.1 postinstall /tmp/build_a2b18be2/node_modules/strapi

   > node lib/utils/success.js

   

   

   > sqlite3@5.0.0 install /tmp/build_a2b18be2/node_modules/sqlite3

   > node-pre-gyp install --fallback-to-build

   

   [sqlite3] Success: "/tmp/build_a2b18be2/node_modules/sqlite3/lib/binding/napi-v3-linux-x64/node_sqlite3.node" is installed via remote

   added 1554 packages in 39.526s

-----> Build

   Running build

   

   > store-api@0.1.0 build /tmp/build_a2b18be2

   > strapi build

   

   Building your admin UI with production configuration ...

   ℹ Compiling Webpack

   âś” Webpack: Compiled successfully in 1.52m

-----> Caching build

   - node_modules

-----> Pruning devDependencies

   removed 23 packages and audited 1533 packages in 11.899s

   

   70 packages are looking for funding

     run `npm fund` for details

   

   found 0 vulnerabilities

-----> Build succeeded!

-----> Discovering process types

   Procfile declares types     -> (none)

   Default types for buildpack -> web

-----> Compressing…

   Done: 143.8M

-----> Launching…

   Released v5

   https://react-vintage-car-store-api.herokuapp.com/ deployed to Heroku

Build finished

heroku.com
Blogs
Careers
Documentation

S

I’m so sorry for the delayed reply sunnyson, i appreciate your efforts to reach out and help. here are my logs my Heroku logs

Node.js app detected

-----> Creating runtime environment

   NPM_CONFIG_LOGLEVEL=error

   NODE_ENV=production

   NODE_MODULES_CACHE=true

   NODE_VERBOSE=false

-----> Installing binaries

   engines.node (package.json):  >=10.0.0

   engines.npm (package.json):   >=6.0.0

   

   Resolving node version >=10.0.0...

   Downloading and installing node 15.0.1...

   Bootstrapping npm >=6.0.0 (replacing 7.0.3)...

   npm >=6.0.0 installed

-----> Installing dependencies

   Installing node modules

   

   > core-js@3.6.5 postinstall /tmp/build_a2b18be2/node_modules/cloudinary/node_modules/core-js

   > node -e "try{require('./postinstall')}catch(e){}"

   

   

   > @fortawesome/fontawesome-common-types@0.2.32 postinstall /tmp/build_a2b18be2/node_modules/@fortawesome/fontawesome-common-types

   > node attribution.js

   

   Font Awesome Free 0.2.32 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > @fortawesome/free-solid-svg-icons@5.15.1 postinstall /tmp/build_a2b18be2/node_modules/@fortawesome/free-solid-svg-icons

   > node attribution.js

   

   Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > @fortawesome/free-regular-svg-icons@5.15.1 postinstall /tmp/build_a2b18be2/node_modules/@fortawesome/free-regular-svg-icons

   > node attribution.js

   

   Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > @fortawesome/fontawesome-svg-core@1.2.32 postinstall /tmp/build_a2b18be2/node_modules/@fortawesome/fontawesome-svg-core

   > node attribution.js

   

   Font Awesome Free 1.2.32 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > @fortawesome/fontawesome-free@5.15.1 postinstall /tmp/build_a2b18be2/node_modules/@fortawesome/fontawesome-free

   > node attribution.js

   

   Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > sharp@0.26.0 install /tmp/build_a2b18be2/node_modules/sharp

   > (node install/libvips && node install/dll-copy && prebuild-install) || (node-gyp rebuild && node install/dll-copy)

   

   info sharp Downloading https://github.com/lovell/sharp-libvips/releases/download/v8.10.0/libvips-8.10.0-linux-x64.tar.br

   

   > core-js@3.6.5 postinstall /tmp/build_a2b18be2/node_modules/fbjs/node_modules/core-js

   > node -e "try{require('./postinstall')}catch(e){}"

   

   

   > fsevents@1.2.13 install /tmp/build_a2b18be2/node_modules/webpack-dev-server/node_modules/fsevents

   > node install.js

   

   

   Skipping 'fsevents' build as platform linux is not supported

   

   > fsevents@1.2.13 install /tmp/build_a2b18be2/node_modules/watchpack-chokidar2/node_modules/fsevents

   > node install.js

   

   

   Skipping 'fsevents' build as platform linux is not supported

   

   > @fortawesome/free-brands-svg-icons@5.15.1 postinstall /tmp/build_a2b18be2/node_modules/@fortawesome/free-brands-svg-icons

   > node attribution.js

   

   Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > core-js@2.6.11 postinstall /tmp/build_a2b18be2/node_modules/core-js

   > node -e "try{require('./postinstall')}catch(e){}"

   

   

   > strapi@3.2.1 postinstall /tmp/build_a2b18be2/node_modules/strapi

   > node lib/utils/success.js

   

   

   > sqlite3@5.0.0 install /tmp/build_a2b18be2/node_modules/sqlite3

   > node-pre-gyp install --fallback-to-build

   

   [sqlite3] Success: "/tmp/build_a2b18be2/node_modules/sqlite3/lib/binding/napi-v3-linux-x64/node_sqlite3.node" is installed via remote

   added 1554 packages in 39.526s

-----> Build

   Running build

   

   > store-api@0.1.0 build /tmp/build_a2b18be2

   > strapi build

   

   Building your admin UI with production configuration ...

   ℹ Compiling Webpack

   âś” Webpack: Compiled successfully in 1.52m

-----> Caching build

   - node_modules

-----> Pruning devDependencies

   removed 23 packages and audited 1533 packages in 11.899s

   

   70 packages are looking for funding

     run `npm fund` for details

   

   found 0 vulnerabilities

-----> Build succeeded!

-----> Discovering process types

   Procfile declares types     -> (none)

   Default types for buildpack -> web

-----> Compressing…

   Done: 143.8M

-----> Launching…

   Released v5

   https://react-vintage-car-store-api.herokuapp.com/ deployed to Heroku

This would be your problem, can you change your package.json under engines to:

  "engines": {
    "node": ">=10.16.0 <=14.x.x",
    "npm": ">=6.0.0"
  },

thank you so much let me do it and get back to you

PR created to fix this for new projects:

https://github.com/strapi/strapi/pull/8497

DMehaffy! would you please check for me can’t don’t know what went wrong this time round

Node.js app detected

-----> Creating runtime environment

   NPM_CONFIG_LOGLEVEL=error

   NODE_ENV=production

   NODE_MODULES_CACHE=true

   NODE_VERBOSE=false

-----> Installing binaries

   engines.node (package.json):  >=10.16.0 <=14.x.x

   engines.npm (package.json):   >=6.0.0

   

   Resolving node version >=10.16.0 <=14.x.x...

   Downloading and installing node 14.15.0...

   Bootstrapping npm >=6.0.0 (replacing 6.14.8)...

   npm >=6.0.0 installed

-----> Installing dependencies

   Installing node modules

   

   > core-js@3.6.5 postinstall /tmp/build_32e927ff/node_modules/cloudinary/node_modules/core-js

   > node -e "try{require('./postinstall')}catch(e){}"

   

   

   > @fortawesome/fontawesome-common-types@0.2.32 postinstall /tmp/build_32e927ff/node_modules/@fortawesome/fontawesome-common-types

   > node attribution.js

   

   Font Awesome Free 0.2.32 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > @fortawesome/free-solid-svg-icons@5.15.1 postinstall /tmp/build_32e927ff/node_modules/@fortawesome/free-solid-svg-icons

   > node attribution.js

   

   Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > @fortawesome/free-regular-svg-icons@5.15.1 postinstall /tmp/build_32e927ff/node_modules/@fortawesome/free-regular-svg-icons

   > node attribution.js

   

   Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > @fortawesome/fontawesome-svg-core@1.2.32 postinstall /tmp/build_32e927ff/node_modules/@fortawesome/fontawesome-svg-core

   > node attribution.js

   

   Font Awesome Free 1.2.32 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > @fortawesome/fontawesome-free@5.15.1 postinstall /tmp/build_32e927ff/node_modules/@fortawesome/fontawesome-free

   > node attribution.js

   

   Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > sharp@0.26.0 install /tmp/build_32e927ff/node_modules/sharp

   > (node install/libvips && node install/dll-copy && prebuild-install) || (node-gyp rebuild && node install/dll-copy)

   

   info sharp Downloading https://github.com/lovell/sharp-libvips/releases/download/v8.10.0/libvips-8.10.0-linux-x64.tar.br

   

   > core-js@3.6.5 postinstall /tmp/build_32e927ff/node_modules/fbjs/node_modules/core-js

   > node -e "try{require('./postinstall')}catch(e){}"

   

   

   > fsevents@1.2.13 install /tmp/build_32e927ff/node_modules/webpack-dev-server/node_modules/fsevents

   > node install.js

   

   

   Skipping 'fsevents' build as platform linux is not supported

   

   > fsevents@1.2.13 install /tmp/build_32e927ff/node_modules/watchpack-chokidar2/node_modules/fsevents

   > node install.js

   

   

   Skipping 'fsevents' build as platform linux is not supported

   

   > @fortawesome/free-brands-svg-icons@5.15.1 postinstall /tmp/build_32e927ff/node_modules/@fortawesome/free-brands-svg-icons

   > node attribution.js

   

   Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com

   License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

   

   

   > core-js@2.6.11 postinstall /tmp/build_32e927ff/node_modules/core-js

   > node -e "try{require('./postinstall')}catch(e){}"

   

   

   > strapi@3.2.1 postinstall /tmp/build_32e927ff/node_modules/strapi

   > node lib/utils/success.js

   

   

   > sqlite3@5.0.0 install /tmp/build_32e927ff/node_modules/sqlite3

   > node-pre-gyp install --fallback-to-build

   

   [sqlite3] Success: "/tmp/build_32e927ff/node_modules/sqlite3/lib/binding/napi-v3-linux-x64/node_sqlite3.node" is installed via remote

   added 1554 packages in 41.166s

-----> Build

   Running build

   

   > store-api@0.1.0 build /tmp/build_32e927ff

   > strapi build

   

   Building your admin UI with production configuration ...

   ℹ Compiling Webpack

   âś” Webpack: Compiled successfully in 1.68m

-----> Caching build

   - node_modules

-----> Pruning devDependencies

   removed 23 packages and audited 1533 packages in 12.011s

   

   70 packages are looking for funding

     run `npm fund` for details

   

   found 0 vulnerabilities

-----> Build succeeded!

-----> Discovering process types

   Procfile declares types     -> (none)

   Default types for buildpack -> web

-----> Compressing…

   Done: 142.2M

-----> Launching…

   Released v5

   https://react-vintage-car-store-api.herokuapp.com/ deployed to Heroku

I’m also trying to connect cloudinary but its all in vein, is there anyway you can help

Hmmm no issues during the build process, does it give you logs while Strapi is starting? (If you see any h10 errors its likely related to your ./config/server.js specifically the host key).

Else we can connect on Slack and setup a quick screen sharing so I can take a look directly at whats going on?

1 Like

am sorry we got disconnected, but will figure it out this morning around 9:00am