How to host your project

Basics of Hosting

You can host your project using some of the following services. Most have a free tier for simple projects. A comparison is here

GitHub Pages

Best for: Static sites, e.g. bundled html / js / cs

https://dev.to/yuribenjamin/how-to-deploy-react-app-in-github-pages-2a1f

Heroku

Best for: good custom domain names

https://www.geeksforgeeks.org/how-to-deploy-react-app-to-heroku/

Netlify

Best for: more advanced features like deploy previews, lambda integrations, or pre-rendering (helps with SEO)

https://www.freecodecamp.org/news/how-to-deploy-a-react-application-to-netlify-363b8a98a985/

Intermediate / Advanced Hosting Topics

What is the Client Server Model?

The Client Server model is the basis of all websites! Please read our documentation to learn more.

How do websites work?

https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works

What is bundling?

Most React apps will have their files “bundled” using tools like Webpack, Rollup or Browserify. Bundling is the process of following imported files and merging them into a single file: a “bundle”. This bundle can then be included on a webpage to load an entire app at once.

Read more at https://reactjs.org/docs/code-splitting.html