Que grande eres midudev!! Un gran curso y super bien explicado, con detalle y fácil de entender, espero que algún día lo acabes, pero por el momento muchas gracias por estos conocimientos regalaste.
Justo en un proyecto propio tuve ese problema de la suscripción en el useEffect con un fetch a una API y aunque buscaba como resolverlo con el return no entendía bien como hacerlo, SOS GIGANTE!
¡Qué bueno que te sirvió Juan! Quiero hacer un vídeo sólo hablando de eso, a ver si puedo explicar mejor cómo hacerlo. ¡Gracias por comentar y decirlo! 🤗
Estimado hay muy buen contenido en la web pero para diseño y consulta de buenas prácticas, éste es el sitio donde consulto. La verdad es que pocos dan un conocimiento tan rico para desarrollos de alta calidad de código. Te mereces mi like y la verdad es que me quedo corto con el mucho tiempo y empeño que le dedicas. Un saludo crack, el mejor Front-End developer que he visto hasta la fecha.
Nooooo, me perdi el directo :'(. Saludos Midudev, comentarte que la clase de drag and drop me ayudo de mucho esta semana, lo aplique con Vue aplicando la misma logica que utilizaste y me salvo la vida. Muchas gracias, un saludo desde Bolivia
Gracias por tanto midu. Estaba haciendo una prueba usando Vite y no me funcionaba llamar a las variables una por una, y al usar la forma que empleaste me funcionó! rarooooo ! te quiero midu, gracias de vuelta
Midu podrias explicar en algun otro video lo de limpiar el fetch y desmotar el estado, me parecio muy interesante! De igual te digo, gracias por ese contenido tan bueno! Eres el mejor Crack!
Fantástico el curso y esperando más! estaría bien algún directo sobre internacionalización. He visto que la versión 10 de next.js incluye soporte para internationalized routing, aunque por lo que dicen en la documentación no es compatible con "next export", lo que es una pena ya que dejan de lado la generación estática con rutas dinámicas internacionalizadas. Pero como tu eres un crack seguro que se te ocurren soluciones elegantes para hacerlo. Ahí lo dejo 🐱🏍
Hola Midudev, eres un maestro. Consulta luego de esto ya no hiciste la parte de validación de usuario y seguridades? y demás vídeos q indicabas q es posible que se hagan?
Hola, muy agradecido con tus videos. He visto que no has utilizado redux, supongo que es por tener clases cortas, pero es recomendable usar redux con Nextjs?
Hola!, estoy llevando un curso tuyo en Udemy y me pareció excelente tu forma de explicar React porque la verdad no le veía pies ni cabeza. Quiero agradecerte tus buenas explicaciones y ahora te seguiré en este canal que tienes. Quisiera saber qué instructor me recomiendas para aprender Flutter. Saludos !!!
Hola Midu, gracias por tanto, recién me pude poner al día y llegar a replicar hasta lo que enseñaste en este video y ví que al final comentabas que en las próximas clases se haría deploy a Vercel y algunas cosas más... pero viendo que ya pasaron unos meses y esta lista no incluye mas videos asumo que no hubo continuación... aún así me surge esta duda: ¿recordás haber hecho algún otro live, quizás más corto, con más retoques a este proyecto en particular?, si es así será más que bienvenido el link a ese video!, sino, tendré que saltar directo a la playlist del curso de FullStackOpen :) Gracias nuevamente y espero que sigas bien! Saludos desde Bs. As. 😎🖖🏻
Excelente todo este curso de Next la verdad, me queda una duda si alguien puede responderla, de que manera nuestro proyecto diferencia que variables usar, como sabe si está en producción o en desarrollo?, y de ser así, cuando se sube el .env al repositorio o no?, gracias!
Yo uso archivos de configuración por cada entorno (node). Me gustan mas que las variables de entorno. Se vuelven muy grandes y para mapear jerarquia queda menos legible y te evitas tener un string con un json adentro. Tenes un default.js, production.js, test1_production.js, test2_production.js, prod_production.js y se van mergeando en cascada desde el default al mas especifico.
Estimado. Excelente curso. Lo vi de corrido en dos días de lo super interesante. Siendo la App "mobile only", tengo un tema al querer probar desde el celular, que es que no puedo hacer desde allí drag and drop de una foto. ¿Tienes algún video donde utilicen la cámara del celular para subir una foto ?. Saludos desde Argentina
Hola Realmente eres un crack y me gustan muchos los video, de todo me quedo una duda muy grande y es como puedo hacer rutas protegidas de manera que no este llamando el hook en cada pagina puesto que esto a futuro me presenta un problema te agradezco si me puedes ayudar
No entiendo la parte de las variables de entorno como se cual opcion esta ejecutando si es development o production no vi la parte de ese switch o que toca hacer para probar los diferentes entornos
saludos, he realizado un build para pasarlo a producción, es posible que ellos (producción) cambien información del archivo .env cuando ya se ha construido el build?
¡Hola! Hay algún modo de tener dos o más url's que apunten a la misma página¿? Con Gatsby podemos hacer un createRedirect o un createPage en el fichero gatsby-node.js. Seguro que en NextJS ha de haber algo similar. Muchas gracias.
Midu, ahora la pregunta es: como llevo estas variables secretas al hacer deploy, si no las puedo llevar a mi repo con Firebase, he buscado dentro el dashboard de firebase donde poder ingresar esas variables manualmente como se puede hacer en cualquier otro servicio como Vercel o Netlify pero no encuentro donde pueda hacerlo en Firebase. Como hago que esas variables se creen en el proceso Build?
mi amigo. Estoy creando un proyecto reactjs ya que pienso poner bastantes cosas .como redux ,hooks y swr. que estructura me sugeririas ya que hay varias. o que estructura tu manejas
tengo una consulta, si tengo el admin-keys y no lo subo a github, cuando hago el deploy en vercel desde el repo me tira error ya que ese archivo no està, como seria para solucionarlo?
Gracias excelente, me quede con una gran duda relacionado con el seo ¿Como google registra las rutas dinámicas? o ¿como le doy a conocer a google mis rutas dinámicas? entiendo que tenemos getStaticPaths y en paths podemos colocar todas las rutas, pero como hago cuando se tiene un millón? muchas gracias espero que alguien me ayude :D
Hola midu! He intentado deployar la app a Vercel. Para ello he añadido las credenciales de admin de firebase al archivo .env.local y en Vercel he añadido las variables de entorno. Tengo un problemilla con FIREBASE_PRIVATE_KEY ya que en el .env lo tengo declarado así: "-----BEGIN PRIVATE KEY----- ......" (sino pongo las comillas entonces peta). Y en el .js lo recojo así: process.env.FIREBASE_PRIVATE_KEY.replace(/ /g, ' '). Resulta que en local y al hacer build no me da ningún tipo de error pero al deployar en Vercel sí. Este me dice que hay problemas a la hora de inicializar el admin de Firebase. Por cierto, a la hora de declarar esa variable de entorno en Vercel, he probado tanto con comillas como sin ellas. Alguna sugerencia?
Que grande eres midudev!! Un gran curso y super bien explicado, con detalle y fácil de entender, espero que algún día lo acabes, pero por el momento muchas gracias por estos conocimientos regalaste.
Justo en un proyecto propio tuve ese problema de la suscripción en el useEffect con un fetch a una API y aunque buscaba como resolverlo con el return no entendía bien como hacerlo, SOS GIGANTE!
¡Qué bueno que te sirvió Juan! Quiero hacer un vídeo sólo hablando de eso, a ver si puedo explicar mejor cómo hacerlo. ¡Gracias por comentar y decirlo! 🤗
Midu Grande!!! por favor continua con el proyecto, no nos dejes con muchas expectativas
Estimado hay muy buen contenido en la web pero para diseño y consulta de buenas prácticas, éste es el sitio donde consulto. La verdad es que pocos dan un conocimiento tan rico para desarrollos de alta calidad de código. Te mereces mi like y la verdad es que me quedo corto con el mucho tiempo y empeño que le dedicas.
Un saludo crack, el mejor Front-End developer que he visto hasta la fecha.
Nooooo, me perdi el directo :'(. Saludos Midudev, comentarte que la clase de drag and drop me ayudo de mucho esta semana, lo aplique con Vue aplicando la misma logica que utilizaste y me salvo la vida. Muchas gracias, un saludo desde Bolivia
Me puse al día :D, espero estar presente en el siguiente LIVE del tema, muchas gracias midu por todo el contenido ^^.
Vamos! No te pierdas el próximo, el especial de final de año! 🥳
th-cam.com/video/qFihzYGm2V0/w-d-xo.html
Saludos!! Bro que paso no hiciste directo el viernes pasado? o es hasta aquí?
Gracias por tanto midu. Estaba haciendo una prueba usando Vite y no me funcionaba llamar a las variables una por una, y al usar la forma que empleaste me funcionó! rarooooo ! te quiero midu, gracias de vuelta
Excelente curso el que te mandaste, llegue super tarde a verlo, pero sirvio demasiado, seria genial si se pudieras continuarlo. suscriptor +1.
Muchas gracias Fer!!! :) Igual algo retomamos!
sos lo todo Midu!!! pero nos quedamos sin el final... Abrazo dsd Argentina!
muy buen video, esperando por el proximo video y directo, para seguir con el proyecto.
Midu podrias explicar en algun otro video lo de limpiar el fetch y desmotar el estado, me parecio muy interesante! De igual te digo, gracias por ese contenido tan bueno! Eres el mejor Crack!
Fantástico el curso y esperando más! estaría bien algún directo sobre internacionalización. He visto que la versión 10 de next.js incluye soporte para internationalized routing, aunque por lo que dicen en la documentación no es compatible con "next export", lo que es una pena ya que dejan de lado la generación estática con rutas dinámicas internacionalizadas. Pero como tu eres un crack seguro que se te ocurren soluciones elegantes para hacerlo. Ahí lo dejo 🐱🏍
Gran maestro donde estas no nos dejes :(
Hermano te lo agradezco! me diste la solución a un problema de variables de entorno. Saludos desde venezuela.
Me alegro mucho M.A.C!!! :)
Midu! Gracias por este tutorial INCREIBLE, recien termino mi app!! Muchisimas gracias por compartir tu sabiduria! Abrazo desde Dubaiiiiiiii
Hola Midudev, eres un maestro. Consulta luego de esto ya no hiciste la parte de validación de usuario y seguridades? y demás vídeos q indicabas q es posible que se hagan?
CONTINUA CON EL PROYECTO MIDU
la pregunta de el minuto 16:23 de usuarios/ roles es genial, seria bárbaro un video de esto
Sos grande Midu! Mil gracias
Me salvaste la vida con el tema del .ENV mil gracias!
De nada! Un placer!
Hola, muy agradecido con tus videos. He visto que no has utilizado redux, supongo que es por tener clases cortas, pero es recomendable usar redux con Nextjs?
3 semanas sin directo!!
Hola!, estoy llevando un curso tuyo en Udemy y me pareció excelente tu forma de explicar React porque la verdad no le veía pies ni cabeza. Quiero agradecerte tus buenas explicaciones y ahora te seguiré en este canal que tienes. Quisiera saber qué instructor me recomiendas para aprender Flutter. Saludos !!!
Hola Midu, gracias por tanto, recién me pude poner al día y llegar a replicar hasta lo que enseñaste en este video y ví que al final comentabas que en las próximas clases se haría deploy a Vercel y algunas cosas más... pero viendo que ya pasaron unos meses y esta lista no incluye mas videos asumo que no hubo continuación... aún así me surge esta duda: ¿recordás haber hecho algún otro live, quizás más corto, con más retoques a este proyecto en particular?, si es así será más que bienvenido el link a ese video!, sino, tendré que saltar directo a la playlist del curso de FullStackOpen :) Gracias nuevamente y espero que sigas bien! Saludos desde Bs. As. 😎🖖🏻
Excelente todo este curso de Next la verdad, me queda una duda si alguien puede responderla, de que manera nuestro proyecto diferencia que variables usar, como sabe si está en producción o en desarrollo?, y de ser así, cuando se sube el .env al repositorio o no?, gracias!
1:16:10 el copy en las devtools 🤯
Yo uso archivos de configuración por cada entorno (node). Me gustan mas que las variables de entorno. Se vuelven muy grandes y para mapear jerarquia queda menos legible y te evitas tener un string con un json adentro.
Tenes un default.js, production.js, test1_production.js, test2_production.js, prod_production.js y se van mergeando en cascada desde el default al mas especifico.
Gracias por el video maestro :)
Hola Midu! Podrias hablar sobre patrones de diseño con React parecidos al Atomic Design? Gracias!!
Midu, vas a seguir con esta serie de videos? Ando ansioso de los que siguen. Saludos!
Donde continuo el desarrollo de la app? o la serie termino con este video?
Estimado. Excelente curso. Lo vi de corrido en dos días de lo super interesante. Siendo la App "mobile only", tengo un tema al querer probar desde el celular, que es que no puedo hacer desde allí drag and drop de una foto. ¿Tienes algún video donde utilicen la cámara del celular para subir una foto ?. Saludos desde Argentina
Hola Diego! No tengo ningún vídeo dónde se haga pero me lo apunto para el futuro! Gracias por tu comentario! 🚀
Hola Realmente eres un crack y me gustan muchos los video, de todo me quedo una duda muy grande y es como puedo hacer rutas protegidas de manera que no este llamando el hook en cada pagina puesto que esto a futuro me presenta un problema te agradezco si me puedes ayudar
Moment.js ya tuvo su moment...
:)
No entiendo la parte de las variables de entorno como se cual opcion esta ejecutando si es development o production
no vi la parte de ese switch o que toca hacer para probar los diferentes entornos
saludos, he realizado un build para pasarlo a producción, es posible que ellos (producción) cambien información del archivo .env cuando ya se ha construido el build?
No has echo un live del deploy del projecto, o no lo encontre por aqui en tu canal?
¡Hola! Hay algún modo de tener dos o más url's que apunten a la misma página¿? Con Gatsby podemos hacer un createRedirect o un createPage en el fichero gatsby-node.js. Seguro que en NextJS ha de haber algo similar. Muchas gracias.
Midu, ahora la pregunta es: como llevo estas variables secretas al hacer deploy, si no las puedo llevar a mi repo con Firebase, he buscado dentro el dashboard de firebase donde poder ingresar esas variables manualmente como se puede hacer en cualquier otro servicio como Vercel o Netlify pero no encuentro donde pueda hacerlo en Firebase. Como hago que esas variables se creen en el proceso Build?
que paso con el curso? se va a seguir? :(
El proyecto al final no continuo? que la lista de reproducción solo me sale hasta aquí
A mí me funciona si nombro las variables con el prefijo REACT_APP así:
REACT_APP__mi_variable
¡Gracias y saludos!
Hola Midu! ¿Aun no se ha subido el video del deploy a Vercel?.
mi amigo. Estoy creando un proyecto reactjs ya que pienso poner bastantes cosas .como redux ,hooks y swr. que estructura me sugeririas ya que hay varias. o que estructura tu manejas
tengo una consulta, si tengo el admin-keys y no lo subo a github, cuando hago el deploy en vercel desde el repo me tira error ya que ese archivo no està, como seria para solucionarlo?
amigo sabes como subir un proyecto de next.js ssr en un servidor compartido con cpanel?? ayuda porfa
no hay mas ??😢
Extraño a midudev :'(
si tengo dos entornos .env.local y .env.develop como hago para iniciar el server con las variables de .env.develop?? gracias
Gracias excelente, me quede con una gran duda relacionado con el seo ¿Como google registra las rutas dinámicas? o ¿como le doy a conocer a google mis rutas dinámicas? entiendo que tenemos getStaticPaths y en paths podemos colocar todas las rutas, pero como hago cuando se tiene un millón? muchas gracias espero que alguien me ayude :D
Aquí termina el curso?
bro que paso contigo, ojala estés bien !
y aqui termina? no hay mas?
Y NUNCA HIZO EL DEPLOY?
Hola midu! He intentado deployar la app a Vercel. Para ello he añadido las credenciales de admin de firebase al archivo .env.local y en Vercel he añadido las variables de entorno. Tengo un problemilla con FIREBASE_PRIVATE_KEY ya que en el .env lo tengo declarado así: "-----BEGIN PRIVATE KEY-----
......" (sino pongo las comillas entonces peta). Y en el .js lo recojo así: process.env.FIREBASE_PRIVATE_KEY.replace(/
/g, '
').
Resulta que en local y al hacer build no me da ningún tipo de error pero al deployar en Vercel sí. Este me dice que hay problemas a la hora de inicializar el admin de Firebase.
Por cierto, a la hora de declarar esa variable de entorno en Vercel, he probado tanto con comillas como sin ellas.
Alguna sugerencia?
Hola Alexander, al final, pudiste solucionarlo? estoy con el mismo problema al tratar de desplegar en vercel, en local me va bien
Que va @@simontorres2266 Es verdad que desde que escribí el comentario ni lo he vuelto a probar. Tú tienes alguna novedad de esto?
@@alexandersaavedra7395 Aca un año despues... estoy en el mismo problema 😣😣
1:39:45