After no answer on my topic, I looked into how to deploy an HTML, CSS, and JS Repl to GitHub Pages since Replit will be forcing Deployments soon (all of which are mostly paid) to host websites. Luckily I figured it out myself, and here’s a tutorial.
- Create your HTML Repl
- Create a GitHub Repository and call it
- In your Repl, find the Git tool and make sure the commit first changes box is checked and press the blue button.
- Authenticate with GitHub and allow it access to your repo you made earlier.
- Initially when you made your Repository, you should have seen a screen with HTTP and SSH commands. Copy the HTTP one.
- Press the settings little gear icon in the Git tab of your Repl and paste the URL at the top (under where it says Remote) and press save.
- In your Github repository, press Settings and find Pages under Code and Automation
- Under the branch dropdown, make sure main is checked and then the
(root)folder is and press Save.
- Add some stuff to your Repl
- Write a summary and press Commit changes (or something like it)
- It will then say you need to push them. Press that button, or “Sync with remote”.
- It will take a bit for it to update, but eventually your page will be live on the URL that you named your Repl.
I did hear that Static pages on Replit will eventually be free (and no payment method required), but if they don’t, then you can use this for the time-being (with the “time-being” being the time after January that they don’t add that).
Reply if I missed something (chances are that I did; this is mostly all from memory)