partner gallery example

Ejemplo de la galería de socios de Supabase

Un sitio web de ejemplo Next.js que muestra la búsqueda de texto completo de Postgres, next-image con almacenamiento de Supabase y el envío de correos electrónicos basados ​​en un desencadenante de inserción con funciones de Edge Supabase.

Uso

1. Haga clic en el botón "Implementar" arriba y ejecute los pasos de configuración. Esto establecerá automáticamente sus Vars de Supabase Env y configurará el esquema de la base de datos ubicado en la carpeta de migraciones.

2. Implementar función de borde de supabase para notificaciones de formulario de contacto:

    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
   

   Nota: SMTP_PORT debe ser un puerto que no sea 25 , 465 y 587 como Deno Deploy no admite conexiones salientes a puertos. Se recomienda AWS SES (puerto 2587).

3. Configurar un gancho de la función Supabase para activar la función cuando se inserta una nueva fila en partner_contacts

4. Dentro de la configuración del proyecto VERCE, Asegúrese de que Framework Preset esté configurado en Next.js y el directorio raíz se establece en app .

5. Inserte socios en la tabla de partners .

6. Celebrar juntos?

Recursos

• TGIF: Postgres Búsqueda de texto completo y envío de correos electrónicos desde las funciones de borde
• Funciones de borde