awesome email search

Resend & Tigris 검색으로 멋진 이메일 검색

Tigris Search와 함께 이메일을 재현 및 인덱싱 및 검색하여 이메일을 보내는 예입니다.

검색 .mp4

응용 프로그램은 Next.js 및 Tailwind CSS로 구축됩니다.

종속성을 설치하십시오

npm i

또는 다른 패키지 관리자와 동등합니다.

Tigris 프로젝트를 만듭니다

다음 명령은 Tigris CLI를 사용하여 Tigris Cloud에 로그인하고 (아직 계정이없는 경우 가입 할 수 있음), 프로젝트를 만들고, Tigris 프로젝트 구성을 .env.local 파일로 저장합니다.

npm run tigris:init

기본적으로 이름 awesome-email-search 프로젝트 이름으로 사용됩니다. --project={name} 플래그를 전달하여 이것을 무시할 수 있습니다. 예를 들어:

npm run tigris:init --project awesome-project

재설정 계정을 설정하십시오

재설정 계정에 가입하고 도메인을 구성하여 REVEND를 통해 도메인에서 이메일을 보낼 수 있습니다.

Resend API 키와 함께 RESEND_API_KEY 환경 변수를 추가하십시오.

REVEND로 구성한 도메인과 관련된 이메일 주소와 함께 DEFAULT_EMAIL 추가하십시오.

마지막으로, webhooks를 재설정하고 {your-app}/api/email/webhook 가리키도록 구성하십시오. 여기서 {your-app} localhost:3000 에서 실행되는 앱을 가리키는 로컬 프록시입니다.

환경 변수를 확인하십시오

repo에는 .env.local 확인하거나 복사하여 직접 사용하는 데 사용할 수있는 .env.example 이 포함되어 있습니다.

시작하기

개발 서버 실행 :

npm run dev
# or
yarn dev
# or
pnpm dev

http : // localhost : 3000을 열어 브라우저를 사용하여 결과를 확인하십시오.

자세히 알아보십시오

• 문서를 재현하십시오.
• TIGRIS 검색 형식 설명서.

Vercel에 배포하십시오

멋진 이메일 검색 앱을 Vercel 플랫폼에 배포하십시오.