みかづきブログ・カスタム

基本的にはちょちょいのほいです。

Firebase Next.js

f:id:kimizuka:20200615114604p:plain

これまで、Next.jsのプロジェクトをFirebase Hostingにデプロイするときは、Next.jsの設定を変更してURLの末尾にスラッシュをつけていました。

が。逆に、Firebase Hostingの設定を変更してURL末尾の.htmlを削除することができることを知りました。

設定方法は簡単で、

firebase.jsonに、

cleanUrls: true → .htmlを削除
trailingSlash: false → 最後の / を削除

と書くだけです。

{
  "hosting": {
    "public": "out",
    "cleanUrls": true,
    "trailingSlash": false
  }
}