Adding a 404 page for on Netlify, with Hugo

Featured image for sharing metadata for article

In April I realised that my 404 page wasn't working on Netlify, which meant that when someone hit an invalid link on my site, they'd get a default Netlify error page, rather than anything branded on my site.

Now, I make a large amount of effort to make sure that my site never returns a 404 - I verify that my blog posts always stick around (as I receive a lot of traffic from external sources) as well as performing HTMLProofer checks on the site to verify that anything I've personally linked in the site resolves correctly.

I used Anna's awesome post Custom 404 page in Hugo on Netlify to get this working - plus adding a custom content page /404/.

Written by Jamie Tanna's profile image Jamie Tanna on , and last updated on .

Content for this article is shared under the terms of the Creative Commons Attribution Non Commercial Share Alike 4.0 International, and code is shared under the Apache License 2.0.

#blogumentation #hugo #netlify.

This post was filed under articles.

Interactions with this post

Interactions with this post

Below you can find the interactions that this page has had using WebMention.

Have you written a response to this post? Let me know the URL:

Do you not have a website set up with WebMention capabilities? You can use Comment Parade.