An example Next.js website that shows Postgres Full Text Search, next-image with Supabase Storage, and sending emails based on an insert trigger with Supabase Edge Functions.
-
Click the "Deploy" button above and run through the setup steps. This will automatically set your Supabase env vars and set up the Database schema located in the migrations folder.
-
Deploy Supabase Edge Function for contact form notifications:
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-notificationNote:
SMTP_PORTmust be a port other than25,465, and587as Deno Deploy does not support outgoing connections to ports. AWS SES (port 2587) is recommended. -
Setup a Supabase Function Hook to trigger the function when a new row is inserted into
partner_contacts -
Within Vercel project settings, ensure Framework Preset is set to
Next.jsand Root Directory is set toapp. -
Insert partners into the
partnerstable. -
Celebrate together 🎉
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent