目次
Supabaseのメールテンプレートとは
Supabaseのメールテンプレートとは、サインアップ等を後に送信される確認メールのタイトルと本文をカスタマイズできる機能です。
タイトルは文字列、本文はHTMLで記述します。
デフォルトのメールテンプレートは以下のようにとてもシンプルかつ英語です。
デフォルトのメールテンプレート
本記事では、実際のプロダクトで利用できる、メールテンプレートをご紹介します。
メールテンプレートの紹介
カスタムしたメールテンプレートプロダクトのロゴは仮でSupabaseのロゴを使用しています。toBにもtoCにも利用できそうなメールテンプレートになっていると思います。
その他、パスワードリセット等のメールテンプレートにも流用可能です！
メールテンプレートを作成するときのハマりポイント3選
① CDNが使えない
tailwindcssでhtmlを書きたいなと思ったんですが、CDNは使えませんでした。メールプロバイダーがセキュリティのためにブロックするためです。
開発時は、tailwindcssで書いて、後でCursor等の生成AIでプレーンなCSSに変換してみるのが良いかもしれません。
② SVGが使えない
CDNと同様にメールプロバイダーがセキュリティのためにブロックするためです。メール内の画像にはPNGを使いましょう！
③ CSS3（Flex box等）は使えない
flexbox等のCSS3は使えないので、tableタグで書く必要があります。
まとめ
Supabaseのログ分析機能は優秀ですが、通知ができないところがネックです。またLog Drainでは、ログを外部サービスに送信するこ
とができますが、Teamプラン($599/month)以上でないと利用できません。小規模なアプリケーション開発では、Next.jsやSupabase
Edge Functionsなどのアプリケーション側でエラー通知をするのが良いでしょう。