Hostingから移行してみたときの備忘録。NetfilyのプレレンダリングがあるのでOGP芸が楽。昔、こんな記事を書いたけど、Functionsで頑張らなくてもよくなった。使ってみてよかったので、移行したときにやったことをまとめてみる。Hostingで設定したのとかぶっているところもあり、nuxt.config.tsは変更なし。以下の内容を記載しておく。モードで生成されたサイトの場合」にも書いてあるとおりの内容をNetlifyの設定に入力すればOK。́ω`)プレレンダリングベータ版だけど、Netlifyでプレレンダリングしてくれる機能がある。「FunctionsでheadだけのHTMLを生成→リダイレクト」としていたのが不要になる感じ。設定は簡単で、Netlify上で設定画面で有効化すればOK。Docsその他の修正点あとは、以下の修正。200これを設定しておかないとボットがアクセスしたときに404になってOGPがでない。(これに気づかずかなりハマった。twitterbotを指定するとよい。Validatorで確認するのはめんどくさいので、この方法だと便利。一部のURLはheadだけのHTMLしか存在しないページがいくつかある。その部分を修正していく。方法としては以下の感じ。書籍やユーザのページなどは日々増えていくので、サイトマップも動的に生成するようにしている。Hostingの場合はFunctionsを呼び出せたけれど、Netlifyに移行すると、それができないので対応が必要。netlifyの_redirectsを使って直接Functionsへリダイレクトする方法で対応した。こんな感じで各URLを該当のFunctionsにリダイレクトさせておく。Qiitaカスタムドメインの設定Netlifyの設定画面に従い、カスタムドメインを設定していく。参考にした記事でも書いてあるとおり、Aレコードでもできるが、CDNを活用できないらしいので同様の対応あとは、設定画面にも書いてあるとおり、*.netlify.comから設定したドメインへリダイレクトを追加しておく。Kotlin/Python/Swift/Unity/Java/Haskell/DDDhttps://t.co/X3UXpmkJvpCrieitは個人で開発中です。どんな軽い内容でも嬉しいです。Crieitを作ろうと思ったかまた、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください!ボードとは?関連記事Vue.js+Netlifyで最小のアプリを作るReact+Netlifyで最小のアプリを作るキャップ野球向けイベントカレンダー作ってみました。