Moving from Heroku to Render

Problem after 2023. 

https://ejss-browser-editor-web.onrender.com/ 

https://ejss-browser-editor.herokuapp.com/ 

Steps to move reactjs deployment to Render.

1. https://github.com/rphly/ejss-browser-editor actual source code
2. create account on Render, I use my GitHub account to create
3. Click New - Static Site
   
   
   
   
4. type in https://github.com/rphly/ejss-browser-editor
   
   
   
5. Click Continue
6. Type in the Name and Create Static  
   
   
   
7. Let Render do the magic and .....
   
   
   
8. Done! https://ejss-browser-editor-web.onrender.com/ 
   
   
   

log is attached below

Jan 6 10:12:31 AM  ==> It looks like we don't have access to your repo, but we'll try to clone it anyway.

Jan 6 10:12:31 AM  ==> Cloning from https://github.com/rphly/ejss-browser-editor...

Jan 6 10:12:31 AM  ==> Checking out commit d3092632fcef2975ea355c8141a15969148bf81f in branch master

Jan 6 10:12:38 AM  ==> Installing dependencies with npm...

Jan 6 10:13:30 AM  

Jan 6 10:13:30 AM  > core-js@2.6.11 postinstall /opt/render/project/src/node_modules/babel-runtime/node_modules/core-js

Jan 6 10:13:30 AM  > node -e "try{require('./postinstall')}catch(e){}"

Jan 6 10:13:30 AM  

Jan 6 10:13:30 AM  

Jan 6 10:13:30 AM  > core-js@3.6.4 postinstall /opt/render/project/src/node_modules/core-js

Jan 6 10:13:30 AM  > node -e "try{require('./postinstall')}catch(e){}"

Jan 6 10:13:30 AM  

Jan 6 10:13:30 AM  

Jan 6 10:13:30 AM  > core-js-pure@3.6.4 postinstall /opt/render/project/src/node_modules/core-js-pure

Jan 6 10:13:30 AM  > node -e "try{require('./postinstall')}catch(e){}"

Jan 6 10:13:30 AM  

Jan 6 10:13:33 AM  added 1665 packages from 916 contributors and audited 1805 packages in 53.62s

Jan 6 10:13:34 AM  

Jan 6 10:13:34 AM  40 packages are looking for funding

Jan 6 10:13:34 AM    run `npm fund` for details

Jan 6 10:13:34 AM  

Jan 6 10:13:34 AM  found 511 vulnerabilities (24 low, 164 moderate, 261 high, 62 critical)

Jan 6 10:13:34 AM    run `npm audit fix` to fix them, or `npm audit` for details

Jan 6 10:13:48 AM  audited 1805 packages in 12.333s

Jan 6 10:13:49 AM  

Jan 6 10:13:49 AM  40 packages are looking for funding

Jan 6 10:13:49 AM    run `npm fund` for details

Jan 6 10:13:49 AM  

Jan 6 10:13:49 AM  found 511 vulnerabilities (24 low, 164 moderate, 261 high, 62 critical)

Jan 6 10:13:49 AM    run `npm audit fix` to fix them, or `npm audit` for details

Jan 6 10:14:00 AM  ==> Using Python version: 3.7.10

Jan 6 10:14:04 AM  ==> Running build command 'yarn build'...

Jan 6 10:14:05 AM  yarn run v1.22.19

Jan 6 10:14:05 AM  $ react-scripts build

Jan 6 10:14:07 AM  Creating an optimized production build...

Jan 6 10:14:08 AM  Browserslist: caniuse-lite is outdated. Please run the following command: `npm update`

Jan 6 10:15:07 AM  Compiled with warnings.

Jan 6 10:15:07 AM  

Jan 6 10:15:07 AM  ./src/utils/constants.js

Jan 6 10:15:07 AM    Line 1:74:  Unnecessary escape character: \/  no-useless-escape

Jan 6 10:15:07 AM    Line 1:76:  Unnecessary escape character: \/  no-useless-escape

Jan 6 10:15:07 AM  

Jan 6 10:15:07 AM  ./src/components/Editor.js

Jan 6 10:15:07 AM    Line 56:14:   'i' is already defined      no-redeclare

Jan 6 10:15:07 AM    Line 61:13:   're' is already defined     no-redeclare

Jan 6 10:15:07 AM    Line 70:13:   'res' is already defined    no-redeclare

Jan 6 10:15:07 AM    Line 129:11:  're' is already defined     no-redeclare

Jan 6 10:15:07 AM    Line 131:11:  'match' is already defined  no-redeclare

Jan 6 10:15:07 AM  

Jan 6 10:15:07 AM  ./src/containers/Home.js

Jan 6 10:15:07 AM    Line 8:9:     'Meta' is assigned a value but never used                                                                  no-unused-vars

Jan 6 10:15:07 AM    Line 204:30:  img elements must have an alt prop, either with meaningful text, or an empty string for decorative images  jsx-a11y/alt-text

Jan 6 10:15:07 AM  

Jan 6 10:15:07 AM  Search for the keywords to learn more about each warning.

Jan 6 10:15:07 AM  To ignore, add // eslint-disable-next-line to the line before.

Jan 6 10:15:07 AM  

Jan 6 10:15:07 AM  File sizes after gzip:

Jan 6 10:15:07 AM  

Jan 6 10:15:07 AM    319.37 KB  build/static/js/2.334ef1c4.chunk.js

Jan 6 10:15:07 AM    59.09 KB   build/static/css/2.ff8bd605.chunk.css

Jan 6 10:15:07 AM    3.05 KB    build/static/js/main.6f8c0f58.chunk.js

Jan 6 10:15:07 AM    775 B      build/static/js/runtime-main.4f41bc05.js

Jan 6 10:15:07 AM    546 B      build/static/css/main.d15e702f.chunk.css

Jan 6 10:15:07 AM  

Jan 6 10:15:07 AM  The project was built assuming it is hosted at the server root.

Jan 6 10:15:07 AM  You can control this with the homepage field in your package.json.

Jan 6 10:15:07 AM  For example, add this to build it for GitHub Pages:

Jan 6 10:15:07 AM  

Jan 6 10:15:07 AM    "homepage" : "http://myname.github.io/myapp",

Jan 6 10:15:07 AM  

Jan 6 10:15:07 AM  The build folder is ready to be deployed.

Jan 6 10:15:07 AM  You may serve it with a static server:

Jan 6 10:15:07 AM  

Jan 6 10:15:07 AM    npm install -g serve

Jan 6 10:15:07 AM    serve -s build

Jan 6 10:15:07 AM  

Jan 6 10:15:07 AM  Find out more about deployment here:

Jan 6 10:15:07 AM  

Jan 6 10:15:07 AM    bit.ly/CRA-deploy

Jan 6 10:15:07 AM  

Jan 6 10:15:07 AM  Done in 62.47s.

Jan 6 10:15:12 AM  ==> Uploading build...

Jan 6 10:15:17 AM  ==> Your site is live 🎉