How to deploy it to Heroku?

[hrichiksite]

No description provided.

[ChaimF90]

This video will help you with deploying to heroku https://youtu.be/RQcWKcMa_Jc

[hrichiksite]

Thank You @ChaimF90 but I had a question that where did you deploy after making your project ??
And can you give me a link for a live demo?

I mean a working website

[vcaruso0923]

Thank you so much Chaim for creating this tutorial! It was immensely helpful to me in creating a group project for a class I was taking. I was able to get this app deployed to Heroku with some effort. See my repository here: video-chatter-2-2

A few things to note that are different from Chaim's code:

1. The server.js is the most different from Chaim's code (albeit not that different). Added app.use and app.get to serve up the static build folder/index.html. Removed http - see the code linked above.
2. Chaim's code uses both yarn.lock and package-lock. Heroku doesn't like this, so you have to convert one to the other (my code uses yarn.lock)
3. This is the big one that was hard to find, but is important. Remove the build folder from the .gitignore file in the /client folder. Then navigate to the index.html in the build folder. You have to change the relative paths of the manifest.json and the chunk.js files to be absolute paths. For me, it meant changing this:
   <link rel="manifest" href="./manifest.json" />
<script src="./static/js/2.15e53199.chunk.js"></script>
<script src="./static/js/main.438db088.chunk.js"></script>
   to this (remove periods at start of file path):
   <link rel="manifest" href="/manifest.json" />
<script src="/static/js/2.15e53199.chunk.js"></script>
<script src="/static/js/main.438db088.chunk.js"></script>

[hrichiksite]

Thanks a lot, this will help me