awesome email search

Recherche d'e-mail impressionnante avec resend et recherche de tigris

Un exemple de l'envoi de courriels avec renvoi et indexation et recherche de ces e-mails avec la recherche Tigre.

search.mp4

L'application est construite avec NEXT.js et CSS à vent arrière.

Installer des dépendances

npm i

Ou l'équivalent avec d'autres gestionnaires de packages.

Créer un projet Tigre

La commande suivante utilise la CLI Tigre pour vous connecter dans le cloud Tigre (vous pouvez vous inscrire si vous n'avez pas déjà de compte), créer un projet et enregistrer votre configuration de projet Tigre dans un fichier .env.local .

npm run tigris:init

Par défaut, le nom awesome-email-search est utilisé comme nom de projet. Vous pouvez remplacer cela en transmettant --project={name} drapeau. Par exemple:

npm run tigris:init --project awesome-project

Configurez un compte de renvoi

Inscrivez-vous pour un compte de renoncement et configurez votre domaine afin que vous puissiez envoyer des e-mails à partir de votre domaine via RENND.

Ajoutez une variable environnementale RESEND_API_KEY avec votre clé API RENNEND.

Ajoutez un DEFAULT_EMAIL avec l'adresse e-mail associée au domaine que vous avez configuré avec RENNEND.

Enfin, configurez les webhooks de redressement et configurez-les pour pointer vers {your-app}/api/email/webhook où {your-app} est un proxy local pointant vers votre application en cours d'exécution sur localhost:3000 .

Vérifiez vos variables d'environnement

Le repo contient un .env.example que vous pouvez utiliser pour vérifier votre .env.local ou copier et utiliser directement.

Commencer

Exécutez le serveur de développement:

npm run dev
# or
yarn dev
# or
pnpm dev

Ouvrez http: // localhost: 3000 avec votre navigateur pour voir le résultat.

Apprendre encore plus

• Revoir les documents.
• Tigre Search TypeScript Documentation.

Déployer sur Vercel

Déployez l'application de recherche de messagerie impressionnante sur la plate-forme Vercel.