awesome email search

Resend＆Tigris検索による素晴らしい電子メール検索

再送信で電子メールを送信し、Tigris検索でそれらの電子メールをインデックス作成と検索する例。

Search.mp4

アプリケーションは、next.jsおよびTailwind CSSで構築されています。

依存関係をインストールします

npm i

または、他のパッケージマネージャーと同等です。

Tigrisプロジェクトを作成します

次のコマンドでは、Tigris CLIを使用してTigrisクラウドにログインします（アカウントをまだ持っていない場合はサインアップできます）。プロジェクトを作成し、Tigrisプロジェクトの構成を.env.localファイルに保存します。

npm run tigris:init

デフォルトでは、 awesome-email-searchという名前はプロジェクト名として使用されます。これをオーバーライドして、 --project={name}フラグを渡すことができます。例えば：

npm run tigris:init --project awesome-project

ResEndアカウントを設定します

ResEndアカウントにサインアップしてドメインを構成して、ResEndを介してドメインから電子メールを送信できるようにします。

RESEND_API_KEY環境変数をResend APIキーに追加します。

ResEndで構成したドメインに関連付けられた電子メールアドレスを使用してDEFAULT_EMAIL追加します。

最後に、セットアップはWebhookを再送信し、 {your-app}/api/email/webhookを指すように構成します。ここで、 {your-app}はlocalhost:3000で実行されているアプリを指すローカルプロキシです。

環境変数を確認してください

リポジトリには、 .env.localをチェックするか、コピーして直接使用できる.env.exampleが含まれています。

はじめる

開発サーバーを実行します：

npm run dev
# or
yarn dev
# or
pnpm dev

http：// localhost：3000を開き、ブラウザを使用して結果を確認します。

もっと詳しく知る

• 再生ドキュメント。
• Tigris Search TypeScriptドキュメント。

Vercelに展開します

Awesome Email SearchアプリをVercelプラットフォームに展開します。