awesome email search

Потрясающий поиск по электронной почте с помощью поиска Resend & Tigris

Пример отправки электронных писем с помощью повторной и индексации и поиска этих электронных писем с помощью поиска Tigris.

search.mp4

Приложение построено из CSS Next.js и Tailwind.

Установить зависимости

npm i

Или эквивалент другим менеджерам пакетов.

Создать проект Tigris

В следующей команде используется CLI Tigris для входа в вас в Tigris Cloud (вы можете подписаться, если у вас еще нет учетной записи), создать проект и сохранить конфигурацию проекта 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 с вашим ключом API Resend.

Добавьте DEFAULT_EMAIL с адресом электронной почты, связанного с доменом, который вы настроили с Resend.

Наконец, настройка RESEND WebHooks и настройте их, чтобы указать на {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

Разверните потрясающее приложение поиска по электронной почте на платформу Vercel.