login with suapabse

Author: codeporx

data/blog/next/como-hacer-login-nextjs-y-supabase.mdx

@@ -28,11 +28,11 @@ Lo primero que haremos será crear nuestra base de datos **PostgreSQL** desde **
 
 ### 1️⃣ Seleccionar el proveedor de la base de datos
 
-![](https://res.cloudinary.com/dq0pfesxe/image/upload/v1742053318/Captura_de_pantalla_2025-03-15_161017_puspge.png)
+![vercel](https://res.cloudinary.com/dq0pfesxe/image/upload/v1742053318/Captura_de_pantalla_2025-03-15_161017_puspge.png)
 
 En Supabase, dentro de la sección **Storage**, podemos crear bases de datos de diferentes proveedores. Selecciona **"Create Database"** y elige **Supabase**.
 
-![](https://res.cloudinary.com/dq0pfesxe/image/upload/v1742053318/Captura_de_pantalla_2025-03-15_161027_bojsop.png)
+![vercel supabase](https://res.cloudinary.com/dq0pfesxe/image/upload/v1742053318/Captura_de_pantalla_2025-03-15_161027_bojsop.png)
 
 ### 2️⃣ Elegir el plan gratuito
 
@@ -42,7 +42,7 @@ En este caso, usaremos el **plan gratuito**, que funciona bastante bien para des
 
 Una vez creada la base de datos, se nos proporcionarán las variables de entorno necesarias para la conexión.
 
-![](https://res.cloudinary.com/dq0pfesxe/image/upload/v1742053319/Captura_de_pantalla_2025-03-15_161211_dg8mez.png)
+![variables de entorno](https://res.cloudinary.com/dq0pfesxe/image/upload/v1742053319/Captura_de_pantalla_2025-03-15_161211_dg8mez.png)
 
 Agrega estas variables a tu archivo **.env** en tu proyecto:
 
@@ -340,7 +340,7 @@ En este paso, comenzaremos a consumir la lógica creada previamente para manejar
 
 La página de bienvenida es el primer punto de contacto de los usuarios con nuestra aplicación. Desde aquí pueden iniciar sesión o registrarse.
 
-![](https://res.cloudinary.com/dq0pfesxe/image/upload/v1742062538/Captura_de_pantalla_2025-03-15_191523_z0cqcn.png)
+![pagina de bienvenida](https://res.cloudinary.com/dq0pfesxe/image/upload/v1742062538/Captura_de_pantalla_2025-03-15_191523_z0cqcn.png)
 
 ```tsx
 import Link from "next/link";
@@ -723,7 +723,7 @@ function SignOut() {
 
 ```
 
-![](https://res.cloudinary.com/dq0pfesxe/image/upload/v1742053319/Captura_de_pantalla_2025-03-15_163932_svo4ih.png)
+![pagina protegida](https://res.cloudinary.com/dq0pfesxe/image/upload/v1742053319/Captura_de_pantalla_2025-03-15_163932_svo4ih.png)
 
 si quieres saber como crear un login usando next-auth y github puedes mirar el siguiente articulo :