Gatsby Cloudのサービス停止を機に、本ブログサイトを下記のように移行しました。
|
before |
after |
| フレームワーク |
Gatsby |
Next |
| デプロイ先 |
Gatsby Cloud |
Vercel |
移行にあたって行った作業や、調査した内容などを軽いメモ代わりに残しておきます。
ブログ機能の実装
- MDX対応
- frontmatter対応
- コードブロックのシンタックスハイライト対応
- MDX内のテーブル記法に対応
TODO
- MDX内の改行毎に
<br /> タグを挿入するようにする
- 上記みたいな軽い内容を投稿できる
Tips ページを作成する
- TOCの実装
- データ構造化対応
- 記事検索 or 絞り込み機能の実装
- 記事ソート機能の実装
所感
unified , remark , rehype 周りのライブラリがややこしくて覚えられない- 直近でMDXを扱う際に使用するライブラリは Astro の starlight を参考にするのが良さそう
- 次リメイクする際はもしかしたら素直に Astro とかの方がいいかも
参考
お問い合わせフォームの実装
使用した技術周り
- Gmail API
- nodemailer
- Google reCAPTCHA v3
- react-hot-toast
- react-hook-form
TODO
所感
nodemailerでのメール送信機能の実装、OAuth2認証がハック気味な手法で実装したのですぐ忘れそう- reCAPTCHA Enterprise と V3 の管理画面間違いがち（ややこしい）
参考