- Ve a supabase.com
- Crea una cuenta o inicia sesión
- Crea un nuevo proyecto
- Espera a que se configure completamente
- En tu proyecto de Supabase, ve a SQL Editor (en el menú lateral)
- Copia y pega TODO el contenido del archivo
supabase-setup.sql - Haz clic en Run para ejecutar el script
- Verifica que no haya errores y que aparezca "Success"
- Ve a Table Editor en el menú lateral
- Deberías ver la tabla
volunteersen la lista - Haz clic en ella para ver la estructura
Ejecuta el script de prueba:
node test-supabase.jsSi todo está bien, deberías ver:
✅ Conexión exitosa con Supabase
✅ Inserción exitosa: [...]
🧹 Registro de prueba eliminado
🎉 ¡Supabase está configurado correctamente!
- Asegúrate de que ejecutaste TODO el script SQL
- Verifica que no haya errores en la consola de Supabase
- Intenta refrescar la página del Table Editor
- Verifica que las variables en
.envsean correctas - Asegúrate de que el proyecto de Supabase esté activo
- Revisa que las APIs keys no hayan expirado
- Abre la consola del navegador (F12)
- Intenta enviar el formulario y busca errores
- Verifica que las variables de entorno se estén cargando
| Campo | Tipo | Requerido | Descripción |
|---|---|---|---|
| id | SERIAL | Auto | ID único |
| name | TEXT | ✅ | Nombre completo |
| TEXT | ✅ | Correo electrónico | |
| phone | TEXT | ❌ | Teléfono |
| city | TEXT | ✅ | Ciudad |
| experience | TEXT | ❌ | Nivel de experiencia |
| interests | TEXT[] | ❌ | Array de intereses |
| availability | TEXT | ❌ | Disponibilidad |
| message | TEXT | ❌ | Mensaje adicional |
| created_at | TIMESTAMP | Auto | Fecha de creación |
- ✅ RLS habilitado
- ✅ Inserciones públicas permitidas (para el formulario)
- ✅ Lecturas solo para usuarios autenticados
- ✅ Índices optimizados para búsquedas
¡Listo! Tu formulario ahora guarda datos directamente en Supabase. 🎉