หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

การค้นหาอีเมลที่ยอดเยี่ยมด้วยการค้นหา 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} Flag ตัวอย่างเช่น: 

npm run tigris:init --project awesome-project

ตั้งค่าบัญชีรายชื่อใหม่

ลงทะเบียนสำหรับบัญชีรายชื่อและกำหนดค่าโดเมนของคุณเพื่อให้คุณสามารถส่งอีเมลจากโดเมนของคุณผ่านทางกลับกัน

เพิ่มตัวแปรสภาพแวดล้อม RESEND_API_KEY ด้วยคีย์ API ของคุณคืน

เพิ่ม DEFAULT_EMAIL ด้วยที่อยู่อีเมลที่เชื่อมโยงกับโดเมนที่คุณกำหนดค่าด้วยการกลับรายการ

ในที่สุดการตั้งค่ากลับไปทาง webhooks และกำหนดค่าให้ชี้ไปที่ {your-app}/api/email/webhook โดยที่ {your-app} เป็นพร็อกซีท้องถิ่นชี้ไปที่แอปของคุณที่ทำงานบน localhost:3000

ตรวจสอบตัวแปรสภาพแวดล้อมของคุณ

repo มี .env.example ที่คุณสามารถใช้เพื่อตรวจสอบ .env.local ของคุณหรือคัดลอกและใช้โดยตรง

เริ่มต้น

เรียกใช้เซิร์ฟเวอร์การพัฒนา: 

npm run dev
# or
yarn dev
# or
pnpm dev

เปิด http: // localhost: 3000 พร้อมเบราว์เซอร์ของคุณเพื่อดูผลลัพธ์

เรียนรู้เพิ่มเติม

  • ส่งเอกสารอีกครั้ง
  • เอกสาร Tigris Search TypeScript

ปรับใช้บน vercel

ปรับใช้แอพค้นหาอีเมลที่ยอดเยี่ยมไปยังแพลตฟอร์ม Vercel

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด