Ask coding questions

← Back to all posts
Custom 404-Not Found Page
h
0xmmalik (10)

How can I include a custom 404 file in my website? I already have the .html file written. Is there a .htaccess file?

Comments
hotnewtop
CoolCoderSJ (507)

hey there,
Heres how i did it.

Things to know before u do this

  • It wouldn't be an HTML repl, rather a node.js repl
  • you need to use something to keep your node.js server running, I used Cron Jobs

1) Download your HTML repl as a zip and unzip it.
2) Make a new Node.js repl and upload the unzipped folder.
3) Rename that uploaded folder to public
4) At this point, make sure index.js , 404.html and README.md (if u have one) are in root. All other files should be in /public, including 404.js, 404.css, and index.html.
5) Inside of index.js (The one in root. You should have 2 js indexes, one in /index.js and one in /public/index.js. The second one supports index.html, whereas the first one supports the server.) Enter this code

require("express")().use(require("express").static(__dirname + "/public")).use((_, res) => {
    res.status(404).sendFile(__dirname + "/404.html");
}).listen(8080);

this should bring up your website.

Now we gotta keep the server alive

I used Cron Jobs
Once you login/signup, go to cronjobs. Make a new cron job. Enter your website domain in the first field. Unmark HTTP authentication. Set it to run every 1 minute. Save.

Voila!

Note: Every time you wanna update the website, stop the repl and re run. if its not currently running, the website wont load.

This worked for me, and I hope it worked for you too. please mark this as correct If it did.

Vandesm14 (2643)

.htaccess will not work on repl.it as it requires an Apache server (i think). Try using a PHP server repl instead to see if the htaccess works or not. If that doesn't work, I suggest learning Nodejs Express. This is a super simple yet powerful web server framework built on Nodejs (it's javascript!).

Please mark this as answered if I helped your problem 👍