Fun way to handle node status codes
etcroot

etcroot @etcroot

About: Full stack web developer, linux sys admin, photographer, designer & tech enthusiast. I also read philosophy & theoretical science.

Location:
Sweden
Joined:
Apr 15, 2021

Fun way to handle node status codes

Publish Date: Sep 12 '22
4 0

So, I was setting up some routes for my API & I had to setup some error fallbacks. And I figured out a fun and dynamic way of doing this, so instead of sending a response message to the endpoint I decided to redirect the user to a dynamic status page. Here's how I did it. (This is for NextJS)

Make a directory in /pages/ called "status", then make a .js file named [code].js & inside that code I use this:

import { useRouter } from "next/router";

export default function NodeStatus() {
  const router = useRouter();
  const { status } = router.query;
  return (
    <div className="node__status__page">
      <img
        src={`https://http.cat/${status}`}
        className="w-full h-full max-w-lg"
      />
    </div>
  );
}
Enter fullscreen mode Exit fullscreen mode

Then the way I handle the request depending on what error it is I use this simple line:

res.status(500).redirect(`/status/${res.statusCode}`);
Enter fullscreen mode Exit fullscreen mode

I know it's not very beautiful code but I hope someone will see it as useful! ^^ Thank you!

Comments 0 total

    Add comment