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 の管理画面間違いがち(ややこしい)
参考