Un exemple de site Web Next.js qui affiche la recherche de texte intégral Postgres, next-image avec le stockage Supabase et l'envoi d'e-mails basés sur un déclencheur d'insertion avec des fonctions de bord Supabase.
Cliquez sur le bouton "Déployer" ci-dessus et exécutez les étapes de configuration. Cela définira automatiquement votre SUPABASE ENV VARS et configurera le schéma de base de données situé dans le dossier Migrations.
Déployez la fonction Edge Supabase pour les notifications de formulaire de contact:
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
Remarque: SMTP_PORT doit être un port autre que 25 , 465 et 587 car Deno Deploy ne prend pas en charge les connexions sortantes aux ports. AWS SES (port 2587) est recommandé.
Configurez un crochet de fonction Supabase pour déclencher la fonction lorsqu'une nouvelle ligne est insérée dans partner_contacts
Dans les paramètres du projet Vercel, Assurer le préréglage de Framework est défini sur Next.js et le répertoire racine est défini sur app .
Insérer des partenaires dans le tableau partners .
Célébrer ensemble?