React y Supabase, Aplicacion completa - Auth y CRUD

[@jonathanshock1113]

sos una bestia. super completo , facil y en españo. gracias. justo todo lo que necesitaba

[@Jesusw3574]

Fazt es mi pastor y ningún framework me faltará

[@rommelzambrano6355]

gracias hermano tus cursos me han ayudado en mi carrera con mis act de desarrollador

[@estebanavalos1344]

No conocía supabase, siempre había utilizado strapi, voy a implementarlo en un proyecto que tengo con un cliente Grande fazt!

[@alessandro.fit9]

hola bro, siempre haz usado Strapi?

[@tonihumnes7784]

Strapi y supabase no tienen objetivos distintos? O quizás yo esté equivocado?

[@naylord5]

Excelente video Fazt!!! Muchisimas gracias por compartir tu conocimiento y experiencia con la comunidad =D En espera con ansias del video de proteger rutas con React Router ♥

[@all-eter-4289]

Muchas me encantan estos cursos justo buscaba como practicar una auténticacion pero no tenía bakend como anillo al dedo ❣️😍

[@oscarclaros2225]

Excelente ejercicio FAZT, muchas gracias por compartir tus conocimientos y experiencia, Dios te bendiga

[@TheLuisfp]

Excelente video bro, muchas gracias. Podrías hacer una versión actualizada usando next por favor 🙏

[@SonGoku-pc7jl]

muchas gracias por explicar tan bien como siempre fazt! interesantísimo supabase y genial lo de los próximos videos de aprender a proteger las rutas de la mejor forma con react router dom y con next!

[@Deus-lo-Vuilt]

Gracias Fazt por el video , me sirve una banda React 👍👍

[@FaztCode]

Excelente Deus, un gusto leerte siempre por aqui :)

[@davidzuccarini8376]

Bien, gracias fazt por este video lo estaba esperando

[@FaztCode]

Excelente David :)

[@fernandomoran3163]

@@FaztCode para la próxima un poco de zoom a las páginas que visitas por favor

[@santiagoagudelo6150]

Excelente video! seria bueno ver uno de Auth y CRUD con PocketBase

[@guillermoguadarrama5340]

Wow explicas super bien!

[@alumnoapellido]

Muy buen video super bien explicado, yo hubiese hecho mas incapie en refactorizacion del codigo y no tanto en bootstrap pero aun asi muy bueno un saludo

[@howtodothat5495]

Grand trabajo 🎉 muchas gracias 🫡

[@jesus_84_]

Maestro de maestros.

[@ZBROOS]

Buenas Fazt, ¡muchas gracias! (:

[@FaztCode]

a ti por comentar :)

[@ojendiz]

Lol, estaba haciendo esta misma práctica pero en Svelte y estaba atorado, me puse a ver esto y efectivamente, todo los frameworks son MUY parecidos

[@FaztCode]

Así es

[@alejandrogranera]

oro puro! gracias

[@cristianalvarado7952]

muy interesante el ejemplo, pero podrías hacer un ejemplo con vite, tu que eres un crack, la parte del contextProvider me causa problemas, saludos sigue adelante

[@naylord5]

Fazt tengo un problema con el cierre de sesion, para iniciarlo todo bien, recibo el magic link y me autentica correctamente, pero al ejecutar auth.signOut() me sale el error "No API key found in request", ya busqué por todos lados y no encuentro solución :(

[@nocturno7887]

Gracias, me ha encantado, saludos

[@kajotaese-uu7qm]

Hola, muy buen tutorial. En el filtro que se hace de las task es un filtro en el frontend no? Si hacemos la request fuera del UI podemos seguir borrando o viendo todas las task. Quizá se podría poner una row level policies para controlar ese acceso.

[@Oscar-rf8zw]

hermano muy bueno, yo estoy haciendo uno parecido pero con imagenes. El tema es que se carga bien pero la imagen no carga y no se ve. Como podría solucionar ese detalle?

[@diegoberistaindelamora6594]

por que hacer el uso de el auth.onStateChange() da null en session en el middleware de next.js? es por el edge?

[@DrMotor-kt7hu]

Congrats!!! When did you first start investing

[@AoseiOK]

Hola, como estás? El metodo signIn quedo caducado y se reemplazo por el metodo "signInWithOt" (21:46). Es cuestion de cambiar el nombre de metodo y funcionara. Muchas gracias Fazt, por todos tus videos.

[@AoseiOK]

Lo mismo pasa al validar si el usuario existe. el metodo que se tiene que utilizar en auth es getUser() y no user(). Video min (39:40)

[@girosinside]

@Dani { ved } Me pasa lo mismo. Quedó con una promesa pendiente y después me da error 401. :/

[@girosinside]

@@AoseiOK cómo lo utilizaste? Me está quedando una promesa pendiente.

[@ms9234]

​@Dani { ved } Se debe usar las mismas versiones de los paquetes, para hacerlo tal cual el video

[@ms9234]

Se debe usar las mismas versiones de los paquetes, para hacerlo tal cual el video

[@juancarloslopezvillegas5629]

podrias actualizar este video bro?, es que supabase ya se actualizo en varios de sus metodos, ademas a cada rato me marca error al momento de hacerlo como tu y no entiendo porque, si literal hago lo que tu :///

[@oliversandoval8533]

me pasa lo mismo

[@CokyCokino]

Muy buen tutorial. Que opinas hacer el mismo con NextJs, Supabase y autenticacion con Facebook?

[@rm422uam]

listo, ya genere mi version y ya vi como escalar y darle mas cosas al usuarios, faz sabes si puedo subir este tipode proyecto a heroku, yo lo genere con vite-react...

[@dinoross5471]

Amo Supabase! Hay manera de nestear los objetos? Digamos (Categoría > Tareas > Subtareas) y también ver como sumar usuarios para que puedan ver o administrar esas categorías/tareas/Subtareas?

[@neyjunoir]

muy bueno fazt gracias crack para cuando un video login auth de usuarios con reactnative sería buenisimo

[@FaztCode]

Aun no lo se, pero voy a apuntarlo para crear un ejemplo pronto :)

[@neyjunoir]

@@FaztCode si vamos aver pal proximo vidéo apunta otro también como el zoom clone react native también jajajaja o el del tiktok

[@carlospelinski4060]

Hola Fazt podrías hacer un vídeo sobre como subir imágenes a supabase?

[@eliuddyn]

Amazing 🔥🔥

[@tigreonice2339]

Necesito un video que me recomiendes que tecnologias usar. Estoy confusion... firebase, express, supabase, typescript, javascript, bootstrap, node y el otro dia vi que hay otro " mejor".. no se que se recomienda o cual es más actual, o ventajas desventajas.

[@johandryloyo4647]

Bro, seria genial un tutorial de como desplegar supabase! no hay mucho contenido por ahi

[@FaztCode]

En realidad seria de desplegar React, Supabase ya esta desplegado, lo unico que si se tendria que añadir son sus relgas que se llama RLS, pero voy a elaborar algun ejemplo con despliegue un poco mas avanzado pronto :)

[@alegrecode]

Por alguna razón, no me aparece el botón de "ver más tarde"🤔. Excelente Tutorial, felicitaciones y gracias por compartir tus conocimientos👍😁

[@jorgeramos1706]

Hola, tengo un problema al crear la aplicación con Vite, me sale "process is not defined". Saludos

[@juanmiguelfernandezaraya7168]

Hola, la solucion es simple. En vez de REACT_APP_ en el nombre de las variables de entorno, pones VITE_ y haces las llamada con import.meta.env.VITE_NOMBRE_DE_TU_VARIABLE.

[@MiguelAngel-pr2yr]

Me gusto el video. Podría subir un video donde se pueda registrar un paciente y luego se pueda autenticar (hacer login), cuando este autenticado pueda actualizar sus datos. Para estas operaciones puedes usar Postman para hacer el flujo completo. gracias

[@emmanuelherrera8359]

Disculpen en el minuto 21:15 cuando importo el cliente tengo el siguiente error: Uncaught Error: supabaseUrl is required. espero me puedan ayudar se los agradecería mucho

[@darienrafaelpajaromiranda8222]

Buenos dias tio fazt, encontre el autocompletador y ademas de eso como poder desplegar la aplicacion

[@bolivianewstoday]

Fazt porfa has un curso de multitenant MERN, hay muy poca informacion al respecto y muchos negocios SaaS lo utilizan.

[@ashbycastillo3174]

thank you very much❤

[@oscarclaros2225]

Tengo una consulta, cree el proyecto con Vite, al confirmar el correo me envía a localhost:3000 pero con vite no es esa la dirección, como podría configurar la dirección del localhost de vite.

[@oscarclaros2225]

Ya encontré la solución jejeje

[@Andreshaking]

un video de conectar formulario de registro con react vite y en el backend supabase

[@darienrafaelpajaromiranda8222]

ahora tengo otro problema, no me funciona el .map para recorrer el arreglo que tengo

[@jonathanshock1113]

estuve haciendo unas practicas. se puede usar supabase pero manteniendo una estructura de controller , model y rutas predefinidas o si o si tengo que declarar el codigo en el componente con su restapi?

[@jonathanshock1113]

Error al obtener datos del servidor: Unexpected token '

[@cameraman255]

@@jonathanshock1113 xd tienes problemas de sintaxis

[@jonathanshock1113]

@@cameraman255 el problema era que estaba mal diseñada la llamada. quedo al final.

[@scriptload1993]

FAZT disculpa cuando una api con expo y sqlite ?

[@ivanrodriguez3405]

oye creo que ya no funciona "user()" y ahora es "getUser()" no????? como hago ahi :(

[@naylord5]

exactamente, solamente reemplaza esa función

[@ivanrodriguez3405]

@@naylord5 jajajaa si, al final lo logré. Quedo un poco distinto el código comparado con el de fazt pero todo bieeen

[@naylord5]

@@ivanrodriguez3405 Qué bien! Por cierto, no tuviste problema con el signOut() ? a mi me marca un error No API key found in request, pero estoy seguro que ya tengo las variables de entorno porque el inicio de sesión y el correo de confirmación lo hace sin problema.

[@LeonardoAzaelHernándezFlores]

@@ivanrodriguez3405 Que cambiaste? porque igual ando con esa duda

[@leoflores4662]

si tienes tu código en un repositorio de github me ayudaría muchísimo ver que cambios le hiciste!

[@felipevivanco7342]

Tienes idea de como cambiar el SITE_URL para redirigir cuando confirmas el email?

[@omar4812]

Se cambia en la configuración de auth en supabase

[@flavialovera4029]

favorite tNice tutorialng... In life. That's not an exaggeration it's actually the pinnacle of my existence, and if my life were a solar system, creating

[@mtzrmzia]

Haras una con Vue? :D

[@etherbeats2872]

a long ti and that's where I learned to write s and learned soft theory. I wanted to get into electronic soft so good but it's almost

[@toffanettodev]

Qual tema você utiliza no linux?

[@darienrafaelpajaromiranda8222]

Buenas noches tio Fazt, que plugin de VSCode usas para el autocompletado de las etiquetas?, es algo que yo sufro muchisimo

[@_niiico]

No sé cuál usa Fazt pero Emmet es la vieja confiable 👍

[@darienrafaelpajaromiranda8222]

@@_niiico ya vi que el usa github copilot

[@LuisRiosok]

un pregunta.. es una base en tiempo real, como firebase, que se cambio en un lugar, los que ven ese registro, se actualiza solo?

[@FaztCode]

Si tambien funciones en tiempo real similares a la de firebase como su onSnapshot. En este caso Supabase tiene on().subscription() supabase.com/docs/reference/javascript/subscribe

[@LuisRiosok]

@@FaztCode Gracias por la repuesta!!

[@wdelcanto]

Fazt, este video se podría actualizar? Ya que no me guarda la session. No sé que cambios se hicieron. Estuve viendo la documentación pero lo logre dar con ello.

[@LeonardoAzaelHernándezFlores]

Igual a mi, tampoco me deja acceder a los datos del usuario iniciado con supabase.auth.user()

[@rogelioperezmena3460]

Podrías hacer un tutorial utilizando Sanity 🤩🙌🏻

[@andrewdev8100]

No pudo :(

[@gabrieljimenezr.9799]

por que no tuviste que crear las policy de supabase?

[@andresramirez9609]

el video es viejo

[@CajamiSoft]

Hola Fazt, veo que desde la plataforma supabase no puedo registrar usuarios tipo (ingresar email y password) como si lo tiene pocketbase, lo que quiero es crear unos usuarios ya definidos, sin la posiblidad de que se puedan registrar nuevos usuarios ni tener el magic link ¿?

[@FaztCode]

Si veo que en la pestaña autenticacion del panel de control solo puedes dar en invite. Lo que podrias hacer es usar la biblioteca cliente y registrar desde un formulario a los usuarios, como si fuera un panel adminstrador.

[@CajamiSoft]

@@FaztCode si eso estaba pensando, pero como haría para que solo mi usuario que ya está registrado pueda crear y nadie mas, no he encontrado info de cuando un usuario ya registrado por "invite" sea tipo administrador, cosa que cuando se manda a crear usuarios solo debería ser posible esa accion y la llama un jwt con rol administrador

[@juancarloslopezvillegas5629]

Hola, me urge tu ayuda o de alguien de la comunidad, en mi caso use Vite para este ejemplo, pero al momento de configurar el env.loca y en el archivo Cliente.jsx al pasar los paramentros de process.env.REACT_APP_SUPABASE_URL, me indica error de que el process is not defined. Me urge su ayuda

[@MiguelLopez-ch6uw]

Yo también tuve ese error y acá te dejo la solución: 1- Debes ir a tu archivo .env.local y cambiar los nombres de las variables a [VITE_REACT_APP_SUPABASE_URL, VITE_REACT_APP_SUPABASE_KEY]. 2- Cuando vallas a importar en el archivo client, debes cambiar la forma de importación a la siguiente manera [import.meta.env.VITE_REACT_APP_SUPABASE_URL, import.meta.env.VITE_REACT_APP_SUPABASE_KEY]. Espero y te ayude a solucionar el problema :)

[@yeanurdaneta736]

Hola muy buen video. tengo una pregunta. mi servidor web es plex obsidian. tiene .net y ms sql, existe algun equivalente a supabase que pueda usar con mssql y .net? o hay forma de conectar supabase a ms sql, es que mi servidor no tiene postgre. Muchas gracias de antemano por la ayuda

[@FaztCode]

Supabase es más un servicio que una herramienta, aún si lo instalas en tu propio servidor si o si necesitas Postgres. Estos servicios te evitan la necesidad de usar un servidor. Si quieres algo equivalente o al menos parecido a .net esta serenity serenity.is

[@yeanurdaneta736]

@@FaztCode muchas gracias por responder. ya lo voy a revisar y les comento si me funciono.

[@soran2290]

Supabase tiene autenticación con Google y facebook? Si es así tienes ejemplo

[@FaztCode]

Ese tipo de autenticacion se llama OAuth, y si tiene. Pero aun no he creado ejemplos de Oauth con supabase, lo anoto para crear uno. De hecho muy pronto voy a estar creando un curso en donde estaran casi todas las autenticaciones de Supabase

[@yefweb3848]

Fazt, animese a crear estos cursos agregando TS . Igual gracias crack

[@FaztCode]

La verdad que se me olvida, pero si voy a crear también uno con TS :)

[@MatheusSilva-qm3ph]

Muito bom.....!

[@fernandomoran3163]

Oye algún curso de node js que recomiendes

[@FaztCode]

Podrias hacer este incialmente: kzbin.info/www/bejne/eJnZfXywi7FrldE Luego pasar a Express (Framework de Nodejs): kzbin.info/www/bejne/bWqXgmpngLuqZ80 Y luego hacer este ejemplo, que publique hace poco: kzbin.info/www/bejne/hYeohKivi9SDoas

[@renzosanchez9283]

que video es el que le sigue a este??

[@renzosanchez9283]

diganme que video sigue despues de este me dan demasiados errores cuando me guio del codigo que esta en github :(

[@MiguelAngel-mf3yu]

resct no esclo mismo que reactjs , explicame porfavor,

[@FaztCode]

Si es lo mismo amigo :)

[@8koi245]

control + shift + e = focus file explorer

[@Andreshaking]

seria chebre react con vite y supabase

[@leomargodoy5345]

Ti to follow in Toby's foot steps if ya know what I an.

[@LeonardoAzaelHernándezFlores]

En el video, para obtener los datos del usuario iniciado usa supabase.auth.user(), pero en la documentacion de subapase al dia de hoy no aparece ese metodo, sino que me sugiere usar supabase.auth.getUser() o tambien supabase.auth.getSession(), pero no es igual al que usa en el video, si alguien me puede ayudar con esto, por favor.

[@isaiuchiha1490]

react router don

[@FaztCode]

Don React Router