Using Firebase and Hugo? Use front matter aliases to automatically add redirects to your firebase.json
configuration. Turning your aliases into proper 301 or 302 redirects.
First we need to output all aliases to a json file, and to do that we need to define a new output to our Hugo configuration file — in my case: config.toml
[outputs]
home = ["HTML", "RSS", "REDIR"]
[outputFormats.REDIR]
baseName = "redirects"
isPlainText = true
mediaType = "application/json"
notAlternative = true
Then we need to create a layout file, layouts/index.redir.json
{{- $index := slice -}}
{{- range $p := .Site.Pages -}}
{{- range .Aliases -}}
{{- $index = $index | append (dict "source" . "destination" $p.RelPermalink "type" ($p.Params.HTTPCode | default 301)) -}}
{{- end -}}
{{- end -}}
{{- $index | jsonify (dict "indent" " ") -}}
When we generate our site now; we will get a redirects.json
file listing all defined aliases. I currently only have one, so my file looks like this:
[
{
"destination": "/2021/01/optiplex-9010-sff-cmos-battery/",
"source": "/2021/01/optiplex-9010-sff-bios-battery/",
"type": 301
}
]
So far so good — except it doesn’t really do anything. We need to add this to our firebase.json
file, and we can do that with the jq
command.
Let’s try it now. We start with this minimum firebase.json
configuration:
{
"hosting": {
"public": "public"
}
}
From your Hugo project root — run the command:
jq ".hosting.redirects += $(cat public/redirects.json)" firebase.json > firebase_test.json
And now look at our firebase_test.json
— it has redirects! 😃
{
"hosting": {
"public": "public",
"redirects": [
{
"destination": "/2021/01/optiplex-9010-sff-cmos-battery/",
"source": "/2021/01/optiplex-9010-sff-bios-battery/",
"type": 301
}
]
}
}
To do this during deployment; I added a new step to my Drone SSH pipeline configuration (.drone.yml
) file, between my build and deploy steps:
- name: firebase-redirects
commands:
- jq ".hosting.redirects += $(cat public/redirects.json)" firebase.json > firebase_redir.json
- mv firebase_redir.json firebase.json
- cat firebase.json
If you already have redirects defined in your firebase.json
— the aliases will just be appended. Works great 🙂
Resources
Last commit 2024-11-11, with message: Add lots of tags to posts.