[Solved] Ethereum Boilerplate: Cannot deploy to Heroku

I am unable to deploy, even the basic template, to Heroku. Even after adjusting for the git+ssh links in the package-lock.json.

I keep getting this error:

2021-12-08T02:43:14.803266+00:00 heroku[web.1]: State changed from starting to up
2021-12-08T02:43:48.721175+00:00 heroku[router]: at=error code=H12 desc="Request timeout" method=GET path="/" host=test-dapp-123.herokuapp.com request_id=91ae23ec-a723-4c19-8340-1e75fe6d29c9 fwd="188.214.11.174" dyno=web.1 connect=0ms service=30001ms status=503 bytes=0 protocol=http
2021-12-08T02:44:19.071196+00:00 heroku[router]: at=error code=H12 desc="Request timeout" method=GET path="/favicon.ico" host=test-dapp-123.herokuapp.com request_id=e8e3e8c6-a60f-438d-9dea-feaca0d70bd7 fwd="188.214.11.174" dyno=web.1 connect=0ms service=30000ms status=503 bytes=0 protocol=http
2021-12-08T02:45:19.006136+00:00 app[web.1]: 
2021-12-08T02:45:19.006161+00:00 app[web.1]: <--- Last few GCs --->
2021-12-08T02:45:19.006162+00:00 app[web.1]: 
2021-12-08T02:45:19.006163+00:00 app[web.1]: [29:0x5d16710]   126170 ms: Mark-sweep (reduce) 253.0 (257.9) -> 250.2 (258.9) MB, 266.8 / 0.0 ms  (average mu = 0.124, current mu = 0.025) allocation failure scavenge might not succeed
2021-12-08T02:45:19.006163+00:00 app[web.1]: [29:0x5d16710]   126660 ms: Mark-sweep (reduce) 250.2 (257.9) -> 250.1 (257.7) MB, 489.9 / 0.0 ms  (average mu = 0.052, current mu = 0.000) allocation failure scavenge might not succeed
2021-12-08T02:45:19.006164+00:00 app[web.1]: 
2021-12-08T02:45:19.006164+00:00 app[web.1]: 
2021-12-08T02:45:19.006164+00:00 app[web.1]: <--- JS stacktrace --->
2021-12-08T02:45:19.006165+00:00 app[web.1]: 
2021-12-08T02:45:19.006166+00:00 app[web.1]: FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
2021-12-08T02:45:19.007096+00:00 app[web.1]: 1: 0xa389b0 node::Abort() [/app/.heroku/node/bin/node]
2021-12-08T02:45:19.007804+00:00 app[web.1]: 2: 0x96e0af node::FatalError(char const*, char const*) [/app/.heroku/node/bin/node]
2021-12-08T02:45:19.008570+00:00 app[web.1]: 3: 0xbb7a4e v8::Utils::ReportOOMFailure(v8::internal::Isolate*, char const*, bool) [/app/.heroku/node/bin/node]
2021-12-08T02:45:19.009329+00:00 app[web.1]: 4: 0xbb7dc7 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [/app/.heroku/node/bin/node]
2021-12-08T02:45:19.010175+00:00 app[web.1]: 5: 0xd73fd5  [/app/.heroku/node/bin/node]
2021-12-08T02:45:19.010918+00:00 app[web.1]: 6: 0xd74b5f  [/app/.heroku/node/bin/node]
2021-12-08T02:45:19.011658+00:00 app[web.1]: 7: 0xd8299b v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [/app/.heroku/node/bin/node]
2021-12-08T02:45:19.012340+00:00 app[web.1]: 8: 0xd8655c v8::internal::Heap::AllocateRawWithRetryOrFailSlowPath(int, v8::internal::AllocationType, v8::internal::AllocationOrigin, v8::internal::AllocationAlignment) [/app/.heroku/node/bin/node]
2021-12-08T02:45:19.013089+00:00 app[web.1]: 9: 0xd54c3b v8::internal::Factory::NewFillerObject(int, bool, v8::internal::AllocationType, v8::internal::AllocationOrigin) [/app/.heroku/node/bin/node]
2021-12-08T02:45:19.013886+00:00 app[web.1]: 10: 0x109d21f v8::internal::Runtime_AllocateInYoungGeneration(int, unsigned long*, v8::internal::Isolate*) [/app/.heroku/node/bin/node]
2021-12-08T02:45:19.014768+00:00 app[web.1]: 11: 0x1446379  [/app/.heroku/node/bin/node]
2021-12-08T02:45:19.053514+00:00 app[web.1]: npm ERR! code ELIFECYCLE
2021-12-08T02:45:19.053753+00:00 app[web.1]: npm ERR! errno 1
2021-12-08T02:45:19.058324+00:00 app[web.1]: npm ERR! [email protected] start: `react-scripts start`
2021-12-08T02:45:19.058386+00:00 app[web.1]: npm ERR! Exit status 1
2021-12-08T02:45:19.058460+00:00 app[web.1]: npm ERR!
2021-12-08T02:45:19.058516+00:00 app[web.1]: npm ERR! Failed at the [email protected] start script.
2021-12-08T02:45:19.058567+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
2021-12-08T02:45:19.062504+00:00 app[web.1]: 
2021-12-08T02:45:19.062619+00:00 app[web.1]: npm ERR! A complete log of this run can be found in:
2021-12-08T02:45:19.062669+00:00 app[web.1]: npm ERR!     /app/.npm/_logs/2021-12-08T02_45_19_059Z-debug.log
2021-12-08T02:45:19.219375+00:00 heroku[web.1]: Process exited with status 1
2021-12-08T02:45:19.325233+00:00 heroku[web.1]: State changed from up to crashed

Please advise on how to proceed

Solved

To those wondering:

  1. Add React buildpack to Heroku:
https://buildpack-registry.s3.amazonaws.com/buildpacks/mars/create-react-app.tgz
  1. add config variables to Heroku either through the dashboard or CLI

(I am used to deploying with a Django backend, so not too used to deploying standalone React applications)

The only thing that does not work now is the Fiat onramper does not work, I posted in the main thread,