Can I Host My React/redux (client And Api Server) Project On Github Pages?

I know I can host my react/redux app on github pages by just serving the bundle.js and index.html, but can I also host an api server for the backend that is say username.github.io/

Solution 1:

I suggest you run your front-end code on github while having an externally hosted api on say, AWS or google cloud.

Amazon and google both provide free packages for small scale operations!

This way you can have your github page request data from AWS or google cloud!

Solution 2:

No. GitHub Pages are static. They're generated using a variation of Jekyll, a templated flat site generator. As such, they're only flat HTML, CSS and Javascript.

You could host your frontend React application in them, but not server-side application code or a database.

Solution 3:

You are not allowed to run any custom server code on Github pages, you can only host static files (HTML, images, front-end javascript etc).

Solution 4:

You could do that if you are able to convert your code to static HTML + Resources (JS+CSS+IMAGES+FONTS..). To do that, it is recommended to use webpack

Once you finish coding, you build your project using :

NODE_ENV=production node_modules/webpack/bin/webpack.js --config webpack.config.prod.js

This will generate static HTML + JS of your code .