Midu eres lo mas grande del mundo contemporáneo de la programación, no solo por la calidad del contenido que brindas, sino por la capacidad que tienes de extender tu pasion y entusiasmo por el mundo dev. Hace años que trabajo como FE, y cada vez que me encuentro desanimado mirar algo tuyo me contagia ese entusiasmo y me recuerdo lo bonito que es programar. SIMPLEMENTE GRACIAS ❤❤❤
Sin duda ese tutorial de vercel es perfecto para lo que quieran saber como funciona Next como una introduccion y encima explicado con Midu mucho mejor aun, gracias por el contenido.
Es fantastico! Ya voy por el capítulo 14 del tutorial en el que te inspiraste y tu guía en los primeros capítulos ha sido fundamental! Muchas gracias!! Si te animas a hacer otro tuto de los capítulos restantes lo veré para repasarlo bien, porque aprendo mucho más contigo. Ojalá no cambie nada a menos que sea para mejor!
Increible como explica. Por fin entendí que es lo realmente bueno de nextjs. Ojala puedas seguir el curso para ver como se hace cuando se necesita editar data, enviar data lo que sean entre componentes.
impecable, muy justificadas las elecciones de las tecnologias que usas y lo bueno que pones buenos ejemplos, como lo del parcheo de la ui o decir por que salieron las spa realmente y que la gente lo malinterpret'o con otros usos
Midu en verdad que eres un crack, este tutorial de Next y el curso de React son una joya, ni en cursos de pago esta tan bien explicado. Como me hubiera gustado ver esta info antes. Mil gracias!!!
jeje lo del suspense y skeleton lo suelo hacer mucho en React de hecho encapsulo todo en un solo componente para cuando se use el componente , no haya que estarlo envolviendo en suspense. Excelente explicación Midu, tus vídeos son sinónimo de calidad.
1:38:17 sobre monolitos: si los servicios del backend son complejos, se podría mover esa lógica a una API aparte (incluso en otro lenguaje como Java) y hacer que NextJS llame a esa API (de manera similar a como se llama a Postgres en este ejemplo).
Hola Midu, Gracias por regalar conocimiento!!!. Esto está bueno, solo por un detalle, Odio Tailwind, te hace escribir kilómetros de código sucio, una línea interminable con "palabras" separadas por espacios. ¿Pregunto, es difícil reemplazar Tailwind por Material UI, por ejemplo?
Me encanta lo que propone next, pero mi gran duda o lo que me falta es desacoplarme de la estructura de monolito, es decir si yo tengo un backend que gestione cada contexto (blog, web...) en el cual por temas de rendimiento, seo, ux... next me parece una buena opción, otro para un crm interno y que estos backends se comuniquen por eventos de dominio (con un rabbitmq, kafka) y asi estructurar y seguir arquitectura que pueda escalar en el tiempo, la solución seria no tener una api en next si no que haga un fech de datos al backend correspondiente o tener internamente una api que gestione solo lo que va a necesitar en ese contexto?
Total, en un servidor tendrías todo el front donde el realiza las peticiones a otro servidor que pude ser con next o incluso con PHP (porque son más baratos XD) ya que ese sería solo una API
El video me encanta, lo malo es que no puedo seguirlo debido a que no se me generaran los datos de bd postgress, pero hasta entonces muy buen video me ha encantado.
Muchas gracias por esta excelente introducción al Next.js, estoy en el camino de llegar a éste aprendiend JavaScript y React antes. Como recomiendas. Saludos
geniales tus videos, ya es el segundo curso que veo y son geniales, quisiera saber como se llama la extensión que usas para ese completado de sugerencia se ve muy genial.
wao exelente tutorial, muchas gracias, pero el trucaso de crear ruta mmm(cuando usas neovim no tienes que estar redescrubriendo cosas que viene por defecto con unix)
Si quieres hacer una app tipo sistema operativo, cómo manejarías las páginas al abrir múltiples ventanas? Yo estoy jugando con arrays de objetos de páginas que se displayen en un componente de ventana, entonces así manejo el que se vayan acululando, cerrar etc, pero me gustaría pasarlo al route the nextjs, algún consejo que me puedas dar?, es viable pasar esa lógica a routes?
Hola Midu, como hiciste para aprender todo este entorno de desarrollo en la web, soy nuevo y hace 2 semanas que veo tus videos, cual es tu plan de estudio o cual fue el orden de las cosas para aprender y el horario, me gusta en mundo web en todo sus aspectos, saludos y abrazos.
Hola, crees que pueda llevar este curso sin saber nada de type script? Mis conocimientos: React, javascript... Tengo un proyecto en produccion con react, funcionando bien, solo que me gustaría aprender este framework para proyectos optimizados para seo en algunas areas, y sobre todo para optimizar imagenes, será posible? O debería llevar un curso de Ts primero
Puedes hacer un video explicando sobre el sistema de api de nextjs y/o el sistema de cacheo de nextjs, revalidate..., si existe querys optimistas. como en reactquery. porfavor necesito esto para comenzar un nuevo proyecto. no hay mucha info afuera.
¡Hola! De pronto esta playlist de los videos de Midu sobre NodeJS desde Cero es lo que estas buscando: ruclips.net/p/PLUofhDIg_38qm2oPOV-IRTTEKyrVBBaU7
Lo preguntaron como 20 veces en el chat y no se respondio, pero tengo la misma duda: Entonces tiene sentido y puede estar recomendado hacer el backend en otra tecnologia como Java Spring, NestJs o Django y demas y utilizar NextJS solo para el front? O no tendria sentido plantear una arquitectura asi?
Por favor has un curso con los temas avanzados, hay muchos videos youtube de next js pero no e visto ninguno con los temas avanzados como: Intercepting Routes, Parallel Routes, Middleware, Internationalization, Script, Cookies, [...folder], [[...folder]], _folder, @folder, (.)folder, (..)folder, (..)(..)folder, (...)folder estoy seguro q mas personas esperan un video donde se explique con detalle lo mencionado anteriormente debido a que hay muy poca información por parte de youtubers al respecto
Midu o a cualquiera de aqui, se que es una pregunta tonta, pero esta bien o es viable, escable ,etc, usar solo nextjs por sus beneficios en el frontend, y tener un backend aparte, sea en el lenguaje que sea? siempre tengo esa duda.
Segui el tutorial completo desde la web oficial de next js, y realmente veo que la app es super lenta en algunos casos, tambien que el RevalidatePath no termina de funcionar bien en todos los casos, y directamente no funciona si no vas a hacer redirect a la pagina que revalidaste el cache.
Aclaración, luego del 1:01:00 habla de descarga en segundo plano y code splitting. Estas funciones Next.js las hace solo en producción, por eso Midu no puede mostrarlas en las devtools.
muchas gracias por su contenido.esta excelente como siempre sos un crack.me gustaria que realizaras una pagina con next14 y mui.seria excelente para reforzar el aprendizaje.gracias
Hola… una duda que tengo con el despliegue o donde montar la app. Tengo un proyecto creado el frontend SSR con Nextjs 14 y el backend en Nestjs con microservicios. Mi duda es en que cloud es mas conveniente montar estos sistemas, AWS, Azure, Google, Vercel, Rerender, Railway, etc. y si tienen documentación o videos de apoyo se los agradecería mucho… Gracias a todos. Saludos.
maestro en NextJs 14 como recomiendas mejor nombrar a las carpetas y archivos de .tsx ? colocandole guion medio o usando camelcase, he visto ha mucho que llaman a las capertas y a los archivos colocandole el guion medio que me recomiendas ?
Midu gracias por el video. Te agradecería - si algún día - me explicas el concepto de "children" , la verdad para mi es confuso ( algún recurso en internet que explique este concepto? ).
Nadie tuvo este problema al correr el comando seed? no puedo detectar que estoy haciendo mal cuando estoy siguiendo al pie de la letra el auto de Vercel, vine al video a ver si había alguna aclaración pero veo que a Midu le funciono lo mas bien. El error comienza así: Error: Database connection string format for `neon()` should be:
Hola me parece todo muy interesante, alguno me puede contestar, si tenemos /api en next js meter ahí la complejidad de backend de nivel enterprise como ERPS de clase mundial me parece que sería un gran códigos espaguetí díficil de mantener en una aplicación monolítica? ahora bien entonces el /api/ de next js terminaría siendo el punto de llamada a un api enterprise and en n tecnología? así funciona en proyectos, grandes, gracias a todos los que me puedan ayudar con esta pregunta, otra consulta he escuchado que el next js presente problemas para deployment fuera de vercel, que tan cierto o empedrado es esto.
Aun estoy muy pero muy verde para estas cosas, y tampoco he visto el video entero solo el inicio aunque planeo terminarlo mas tarde, pero pregunta rápida. Entonces Next.js es como un vite js pero con esteroides no?
En una parte del video alguien del chat pregunta sobre si quiero usar componente en el layout global y en otras partes no usarlo, creo que con el uso de template.ts y layout.ts se lograria
Tengo una dusa, recientemente termine un proyecto en next 13.5, me gustaria migrar a next 14, que cosas debo tener en cuenta para migrar mi proyecto a esa version? Gracias de antemano.
Midu eres lo mas grande del mundo contemporáneo de la programación, no solo por la calidad del contenido que brindas, sino por la capacidad que tienes de extender tu pasion y entusiasmo por el mundo dev.
Hace años que trabajo como FE, y cada vez que me encuentro desanimado mirar algo tuyo me contagia ese entusiasmo y me recuerdo lo bonito que es programar.
SIMPLEMENTE GRACIAS ❤❤❤
De los mejores en espanol
Soy backend PHP y me voy a poner con next xq le veo mucho futuro. Me pasó al bando fullstack
No se va a arrepentir. La sintaxis de React y Next.js es mucho mas manejable que PHP. Es el presente y el futuro.
🗿
Sin duda ese tutorial de vercel es perfecto para lo que quieran saber como funciona Next como una introduccion y encima explicado con Midu mucho mejor aun, gracias por el contenido.
Es fantastico! Ya voy por el capítulo 14 del tutorial en el que te inspiraste y tu guía en los primeros capítulos ha sido fundamental! Muchas gracias!! Si te animas a hacer otro tuto de los capítulos restantes lo veré para repasarlo bien, porque aprendo mucho más contigo. Ojalá no cambie nada a menos que sea para mejor!
es increíble este tipo, simplemente todos los comentarios son positivos y su contenido es excelente
La madre que pario a este muchacho no se imagina el baúl de informacion que le estaba dando al mundo
Increible como explica. Por fin entendí que es lo realmente bueno de nextjs. Ojala puedas seguir el curso para ver como se hace cuando se necesita editar data, enviar data lo que sean entre componentes.
Carajoooooo !!!! grande midu !!!! un curso de estos en otras plataformas millones de $$$$. Gracias por tu conocimiento !!!
Como siempre, un nivel increíble en la forma que comunicar el contenido en los cursos 👏👏👏👏
Muchas gracias ❤️
Seguirás el curso más adelante? Vendría bien un video de prueba técnica y/o uno de un tipo blog o tienda en línea
Muchísimas gracias, contenido de gran calidad 🎉🎉Thanks!
impecable, muy justificadas las elecciones de las tecnologias que usas y lo bueno que pones buenos ejemplos, como lo del parcheo de la ui o decir por que salieron las spa realmente y que la gente lo malinterpret'o con otros usos
Midu en verdad que eres un crack, este tutorial de Next y el curso de React son una joya, ni en cursos de pago esta tan bien explicado. Como me hubiera gustado ver esta info antes. Mil gracias!!!
Muchas gracias por tu comentario y por dejar tu aporte, amigo! 🤗
Mil gracias Midu! Paso de Nuxt a Next y me facilitaste mucho!!
jeje lo del suspense y skeleton lo suelo hacer mucho en React de hecho encapsulo todo en un solo componente para cuando se use el componente , no haya que estarlo envolviendo en suspense. Excelente explicación Midu, tus vídeos son sinónimo de calidad.
creo de los mejores instructores sin temor a equivocarme 🎉🎉 FELICITACIONES 🎉🎉
Yo diría el mejor jaja
Bueno, al parejo con el buen Fazt
cada dia mola más Next y cada dia molan más tus clases xD muchisimas gracias por todo midu!!! eres más genial que next14!!! ;)
Gracias a ti!!
Como el 14 es relativamente nuevo hay poco contenido que te enseña a usarlo o lo usa tal cual, me salvaste el proyecto de la uni gracias pa 🫶🏼🫡
1:38:17 sobre monolitos: si los servicios del backend son complejos, se podría mover esa lógica a una API aparte (incluso en otro lenguaje como Java) y hacer que NextJS llame a esa API (de manera similar a como se llama a Postgres en este ejemplo).
es correcto, la filosofia de Nextjs es adaprtse al presente y futuro, ademas de que sea usable junto a otras tecnologías
Gracias por el video! me ha encantado! muy claro tus explicaciones! no te conocia y ya te empece a seguir!!!!
madre mia, midu es el elegido que vino del futuro para enseñarnos todo con una claridad impresionante jaja gracias infinitas
Muchas gracias por todo el contenido que traes para la comunidad.
Bua midu, increible el contenido y lo que aportas a la comunidad!
Gracias!!! 🙂
Muy épico, vengo de Laravel estoy aprendiendo next muy buenas cosas tiene next
Ya era hora! un sistema de enrutado como el de CI2, por archivos. Un tuto excelente!
Gracias Midu, te amo
midudev eres una bendición para el mundo
Hola Midu, Gracias por regalar conocimiento!!!. Esto está bueno, solo por un detalle, Odio Tailwind, te hace escribir kilómetros de código sucio, una línea interminable con "palabras" separadas por espacios. ¿Pregunto, es difícil reemplazar Tailwind por Material UI, por ejemplo?
Casi 2 horas de contenido valioso. Muchas gracias Midu
Me encanta lo que propone next, pero mi gran duda o lo que me falta es desacoplarme de la estructura de monolito, es decir si yo tengo un backend que gestione cada contexto (blog, web...) en el cual por temas de rendimiento, seo, ux... next me parece una buena opción, otro para un crm interno y que estos backends se comuniquen por eventos de dominio (con un rabbitmq, kafka) y asi estructurar y seguir arquitectura que pueda escalar en el tiempo, la solución seria no tener una api en next si no que haga un fech de datos al backend correspondiente o tener internamente una api que gestione solo lo que va a necesitar en ese contexto?
Total, en un servidor tendrías todo el front donde el realiza las peticiones a otro servidor que pude ser con next o incluso con PHP (porque son más baratos XD) ya que ese sería solo una API
El video me encanta, lo malo es que no puedo seguirlo debido a que no se me generaran los datos de bd postgress, pero hasta entonces muy buen video me ha encantado.
Terrible video Midu, sos crack gracias por siempre transmitir tus conocimientos! Abrazo, buen año
Invaluable este video. Muchas gracias!
Excelente e impecable tu explicación! gracias
Gracias a ti!
tremando titurial midu! gracias, ya es la segunda vez que lo veo y no creo que sea la última jajajaja
Muchas gracias amigo!
Voy por el capítulo 10 o 12 del curso de Vercel, y me parece que Next 14 está muy bien.
Lógico, hay gente que se complica la vida en tecnisismos
Saludos desde Xalapa, Veracruz, México , gracias por todo tu contenido
Más simple de ahí imposible, gracias midu!
El mas grande Midu, gracias por tanto, ojala tengamos en algun momento como pagarte tanto conocimiento transferido!!
Muchas gracias por esta excelente introducción al Next.js, estoy en el camino de llegar a éste aprendiend JavaScript y React antes. Como recomiendas. Saludos
impresionante la magia que hace nextjs
Midu eres increíble 🥹❤
Gracias majo!
geniales tus videos, ya es el segundo curso que veo y son geniales, quisiera saber como se llama la extensión que usas para ese completado de sugerencia se ve muy genial.
ya se que voy a hacer este fin de semana. Gracias midu♥
hola, muy buen video. podrias comentar cuales extenciones usas? alguien sabe?
wao exelente tutorial, muchas gracias, pero el trucaso de crear ruta mmm(cuando usas neovim no tienes que estar redescrubriendo cosas que viene por defecto con unix)
Excelente tutorial! Muchas gracias!!
Excelente contenido. Gracias Midu!
Excelente Video, Gracias por compartir lo que sabes, un saludo
Excelente tutorial.
Visto en 02/03/2024
Está buenisimo lo que tiene nextjs ahora! Lo de server components es extraordinario, aunque rompe con atomic design pero bueno es lo de menos.
¡Joder!, buenísima la info
Gracias por este gran aporte viejo, eres el mejor.
Si quieres hacer una app tipo sistema operativo, cómo manejarías las páginas al abrir múltiples ventanas? Yo estoy jugando con arrays de objetos de páginas que se displayen en un componente de ventana, entonces así manejo el que se vayan acululando, cerrar etc, pero me gustaría pasarlo al route the nextjs, algún consejo que me puedas dar?, es viable pasar esa lógica a routes?
Que emoción❤❤❤❤❤, no puedo esperar por este contenido de auténtica calidad😂😂😂❤❤
Hola Midu, como hiciste para aprender todo este entorno de desarrollo en la web, soy nuevo y hace 2 semanas que veo tus videos, cual es tu plan de estudio o cual fue el orden de las cosas para aprender y el horario, me gusta en mundo web en todo sus aspectos, saludos y abrazos.
Hola, crees que pueda llevar este curso sin saber nada de type script? Mis conocimientos: React, javascript... Tengo un proyecto en produccion con react, funcionando bien, solo que me gustaría aprender este framework para proyectos optimizados para seo en algunas areas, y sobre todo para optimizar imagenes, será posible? O debería llevar un curso de Ts primero
Puedes hacer un video explicando sobre el sistema de api de nextjs y/o el sistema de cacheo de nextjs, revalidate..., si existe querys optimistas. como en reactquery. porfavor necesito esto para comenzar un nuevo proyecto. no hay mucha info afuera.
buen video midu! ya lo vi 3 veces
Y eso que lo subió hace 5 minutos, qué crack
Excelente video!, pero podrias dar un curso desde cero orientado al backend. Gracias sos un genio 🇦🇷
¡Hola! De pronto esta playlist de los videos de Midu sobre NodeJS desde Cero es lo que estas buscando:
ruclips.net/p/PLUofhDIg_38qm2oPOV-IRTTEKyrVBBaU7
Lo preguntaron como 20 veces en el chat y no se respondio, pero tengo la misma duda: Entonces tiene sentido y puede estar recomendado hacer el backend en otra tecnologia como Java Spring, NestJs o Django y demas y utilizar NextJS solo para el front? O no tendria sentido plantear una arquitectura asi?
Pero Midu, con el en qué queda el loading.tsx? ya no sirve? una cosa sustituye a la otra?
Muchas gracias midu 🫂
Por favor has un curso con los temas avanzados, hay muchos videos youtube de next js pero no e visto ninguno con los temas avanzados como:
Intercepting Routes,
Parallel Routes,
Middleware,
Internationalization,
Script,
Cookies,
[...folder],
[[...folder]],
_folder,
@folder,
(.)folder,
(..)folder,
(..)(..)folder,
(...)folder
estoy seguro q mas personas esperan un video donde se explique con detalle lo mencionado anteriormente debido a que hay muy poca información por parte de youtubers al respecto
Me lo apunto para un posible curso de pago, gracias!
Midu o a cualquiera de aqui, se que es una pregunta tonta, pero esta bien o es viable, escable ,etc, usar solo nextjs por sus beneficios en el frontend, y tener un backend aparte, sea en el lenguaje que sea? siempre tengo esa duda.
Midu excelente video, como se llama esa extensión que incluso te muestra el resultado del console log ahí mismo inline?
Segui el tutorial completo desde la web oficial de next js, y realmente veo que la app es super lenta en algunos casos, tambien que el RevalidatePath no termina de funcionar bien en todos los casos, y directamente no funciona si no vas a hacer redirect a la pagina que revalidaste el cache.
Midu!! genial el contenido muchas gracias!! Habra parte 2??
Por supuesto! Este jueves en directo en Twitch
Aclaración, luego del 1:01:00 habla de descarga en segundo plano y code splitting. Estas funciones Next.js las hace solo en producción, por eso Midu no puede mostrarlas en las devtools.
Hola, excelente tutorial, podrías indicar todas las extensiones que estas utilizando? alguien las sabe?
muchas gracias por su contenido.esta excelente como siempre sos un crack.me gustaria que realizaras una pagina con next14 y mui.seria excelente para reforzar el aprendizaje.gracias
Excelente. Gracias Midu!
Qué agradable sujeto!🍷
Excelente. Midu como siempre. Pero como se hacen esos emoticones en el código xd
Hola… una duda que tengo con el despliegue o donde montar la app. Tengo un proyecto creado el frontend SSR con Nextjs 14 y el backend en Nestjs con microservicios. Mi duda es en que cloud es mas conveniente montar estos sistemas, AWS, Azure, Google, Vercel, Rerender, Railway, etc. y si tienen documentación o videos de apoyo se los agradecería mucho…
Gracias a todos.
Saludos.
Midu sos el mejor, te amo
Gracias por el video Midu!
maestro en NextJs 14 como recomiendas mejor nombrar a las carpetas y archivos de .tsx ? colocandole guion medio o usando camelcase, he visto ha mucho que llaman a las capertas y a los archivos colocandole el guion medio que me recomiendas ?
Hola @midu una consulta si yo trabajo como front y otro desarrollado se encarga del back en C# vale la pena usar next?
Vengo a Disfrutar
Excelente contenido como siempre!!
Mil gracias!
Midu gracias por el video. Te agradecería - si algún día - me explicas el concepto de "children" , la verdad para mi es confuso ( algún recurso en internet que explique este concepto? ).
Es un concepto básico de React, en el curso que tengo en RUclips lo explico seguro
Midu, más contenido de next.js 14 por favor.
Nadie tuvo este problema al correr el comando seed? no puedo detectar que estoy haciendo mal cuando estoy siguiendo al pie de la letra el auto de Vercel, vine al video a ver si había alguna aclaración pero veo que a Midu le funciono lo mas bien. El error comienza así:
Error: Database connection string format for `neon()` should be:
Midu es rentable hacer un proyecto de front nextjs y de back nestjs?
Esperando el siguiente video
Muy buen video!
tremendo contenido, muchas gracias
Hola me parece todo muy interesante, alguno me puede contestar, si tenemos /api en next js meter ahí la complejidad de backend de nivel enterprise como ERPS de clase mundial me parece que sería un gran códigos espaguetí díficil de mantener en una aplicación monolítica? ahora bien entonces el /api/ de next js terminaría siendo el punto de llamada a un api enterprise and en n tecnología? así funciona en proyectos, grandes, gracias a todos los que me puedan ayudar con esta pregunta, otra consulta he escuchado que el next js presente problemas para deployment fuera de vercel, que tan cierto o empedrado es esto.
Aun estoy muy pero muy verde para estas cosas, y tampoco he visto el video entero solo el inicio aunque planeo terminarlo mas tarde, pero pregunta rápida. Entonces Next.js es como un vite js pero con esteroides no?
amigo midudev, es necesario saber ya de react para empezar con next
Sos un genio midu :)
¿Cual se supone es la diferencia entre getstaticprops y "use server", ¿son lo mismo o son similares?
q onda los Context providers? no te arruina el rsc? xq ya pasarias a tener todo en use client si es q queres englobarlos con algun context🤔
Impresionante
Me quedé con ganas de ver el revalidate y la hidratación
Gracias 💛
Hola, ¿haz pensado en hacer un tutorial para levantar Next.js desde un servidor con cpanel?
Seria muy útil. Saludos
En una parte del video alguien del chat pregunta sobre si quiero usar componente en el layout global y en otras partes no usarlo, creo que con el uso de template.ts y layout.ts se lograria
Tengo una dusa, recientemente termine un proyecto en next 13.5, me gustaria migrar a next 14, que cosas debo tener en cuenta para migrar mi proyecto a esa version? Gracias de antemano.