☰
Web Pages written in HTML, CSS, and JavaScript can be hosted on Repl.it. HTML/CSS/JS repls hosted on Repl.it are given a unique URL that can be shared with your friends, family, peers, and clients.
After running a repl, your repl will be hosted at the URL provided in the result tab.
The repl will be hosted with the following URLs:
https://REPL-NAME--USERNAME.repl.cohttp://REPL-NAME.USERNAME.repl.coIf you create a repl with a title that matches your username (i.e. repl.it/@username/username) it will be hosted at:
https://USERNAME.repl.coWhere REPL-NAME is the name of the repl and USERNAME is the owner's username.
If an anonymous repl is created, the username used in the URL will be five-nine.
Note that if your username contains underscores _, they will be converted to dashes
in the URL.
Changes made to your repl will not be reflected in the live version until the web project is re-run. Running a web repl will update its live version.
Note that a repl's public link will persist, even after the repl has been deleted. You can clear a repl of its server code before deleting it in order to prevent it from loading.
Any hosted repl can be linked to a domain that you own. This includes both static sites and HTTP servers. To get started you'll need a domain to link with your repl. If you don't already have a domain, Dotcomboom has created a great tutorial on getting a free domain from Freenom: How to use a custom domain.
To start, click on the pencil icon next to the URL for your repl:
Enter the full domain where you'd like the repl to be accessible from. This includes subdomains.
You will be prompted to add a CNAME record to your domain pointing at your repl's special repl.co domain. Go to your domain registrar and find the section that allows you to add DNS records.
Add a new entry with the following information:
CNAME.name or hostname will be the subdomain you want, or you can enter @ if you'd like to use the full domain. Some services do not allow CNAMEs to be at the top level, we recommend instead using www and making sure you enter www.yourdomain.com in your repl.data or target should be the special repl.co link you got when you started linking your repl. It should contain a long string of random numbers and letters at the beginning.For example:
example.com I'd enter example.com in the repl linking box then in my registrar the target should be @.coolproject.example.com I'd enter coolproject.example.com in the repl linking box and coolproject in the target field on my registrar.The exact steps will vary between services. Here's an example of how it might look, using Google Domains:
It may take some time for the DNS record to be updated. Once connected, click the big green button to finish and your domain should be linked!
You can unlink your domain at any time by clicking on the pencil icon and clicking "Unlink".
Here's an example of a hosted webpage using p5.js. The live, full-screen version can be found here.
If you require your hosted web page to be taken down, please contact us at [email protected].