partner gallery example

Supabaseパートナーギャラリーの例

postgresフルテキスト検索、Supabaseストレージを使用したnext-image 、およびSupabase Edge機能を備えた挿入トリガーに基づいて電子メールを送信するnext.js Webサイトの例。

使用法

1. 上の[展開]ボタンをクリックして、セットアップ手順を実行します。これにより、Supabase Env varsを自動的に設定し、移行フォルダーにあるデータベーススキーマをセットアップします。

2. 接触フォーム通知のためにSupabase Edge機能を展開します。

    supabase link --project-ref your-project-ref
   supabase secrets set SMTP_HOSTNAME="your.hostname.com" SMTP_PORT="2587" SMTP_USERNAME="your_username" SMTP_PASSWORD="your_password" SMTP_FROM="[email protected]" SMTP_TO="[email protected]" FUNCTION_SECRET="your-random-secret"
   supabase functions deploy contact-notification
   

   注：Deno Deployがポートへの発信接続をサポートしていないため、 SMTP_PORT 25 、および587 465のポートでなければなりません。 AWS SES（ポート2587）が推奨されます。

3. Supabase関数フックをセットアップして、新しい行がpartner_contactsに挿入されたときに関数をトリガーする

4. Vercelプロジェクト設定内で、フレームワークプリセットがNext.jsに設定され、rootディレクトリがappに設定されていることを確認します。

5. パートナーをpartnersテーブルに挿入します。

6. 一緒に祝いますか？

リソース

• TGIF：Postgres全文検索＆Edge関数から電子メールの送信
• エッジ関数