ตัวอย่างเว็บไซต์ next.js ที่แสดงการค้นหาข้อความแบบเต็มรูปแบบภาพ next-image ด้วยที่เก็บข้อมูล Supabase และการส่งอีเมลตามทริกเกอร์แทรกด้วยฟังก์ชั่น Supabase Edge
คลิกปุ่ม "ปรับใช้" ด้านบนและเรียกใช้ผ่านขั้นตอนการตั้งค่า สิ่งนี้จะตั้งค่า Supabase Env Vars ของคุณโดยอัตโนมัติและตั้งค่าสคีมาฐานข้อมูลที่อยู่ในโฟลเดอร์การย้ายถิ่น
ปรับใช้ฟังก์ชัน Supabase Edge สำหรับการแจ้งเตือนแบบฟอร์มการติดต่อ:
supabase link --project-ref your-project-ref
supabase secrets set SMTP_HOSTNAME="your.hostname.com" SMTP_PORT="2587" SMTP_USERNAME="your_username" SMTP_PASSWORD="your_password" SMTP_FROM="[email protected]" SMTP_TO="[email protected]" FUNCTION_SECRET="your-random-secret"
supabase functions deploy contact-notification
หมายเหตุ: SMTP_PORT ต้องเป็นพอร์ตอื่นที่ไม่ใช่ 25 , 465 และ 587 เนื่องจากการปรับใช้ DENO ไม่รองรับการเชื่อมต่อขาออกไปยังพอร์ต แนะนำ AWS SES (พอร์ต 2587)
ตั้งค่าฟังก์ชัน supabase hook เพื่อทริกเกอร์ฟังก์ชันเมื่อใส่แถวใหม่ลงใน partner_contacts
ภายในการตั้งค่าโครงการ Vercel ตรวจสอบให้แน่ใจว่าเฟรมเวิร์กที่ตั้งไว้ล่วงหน้าถูกตั้งค่าเป็น Next.js และไดเรกทอรีรูทถูกตั้งค่าเป็น app
แทรกคู่ค้าลงในตาราง partners
ฉลองกัน?