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.
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.
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!
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!!!
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
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).
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.
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.
¡Hola! De pronto esta playlist de los videos de Midu sobre NodeJS desde Cero es lo que estas buscando: czcams.com/play/PLUofhDIg_38qm2oPOV-IRTTEKyrVBBaU7.html
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
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?
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
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)
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
Alguien mas tuvo problemas para correr el comando seed? Segui todos los pasos pero veo que no tengo el seed.js como midu, tengo un folder seed que dentro contiene route.ts y alli pareceria que esta lo mismo que tiene midu en el seed.js, pero al correr el comando me da errores
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.
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 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.
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.
@midulive Tengo un problema, cuando intento hacer el import del global.css del minuto 20:30 me da el siguiente error: Build Error Failed to compile ./app/ui/global.css Error evaluating Node.js code Error: Failed to load external module Como puedo solucionarlo?
Před měsícem
Hola, saludos a tod@s,pregunta: una vez hecho el fetch , que pasa si queremos que el suaurio modifique esa data , me refiero como padarias esa data a un context?
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?
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?
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 ?
luego configurá File Nesting: Patterns los archivos que quieras agrupar en package.json yo tengo los siguientes: package-lock.json, yarn.lock, pnpm-lock.yaml, .eslintignore, .eslintrc.json, .gitignore, .prettierignore, next.config.js, postcss.config.js, prettier.config.js, tailwind.config.ts, tsconfig.json
@@lucasgustavodiaz Dale, muchas gracias. Era justo eso. Es una maravilla ver el arbol de archivos mas acotado y con solo las cosas que usas para desarrollar
Con respecto a la pregunta del footer como cambiarlo dependiendo la pagina se usa los params de la url y en el return del footer se pone un ternario, si es el pathname que devuelva null u otra cosa y sino que se muestre el footer normal. Yo lo solucione así, espero que me haya explicado
La madre que pario a este muchacho no se imagina el baúl de informacion que le estaba dando al mundo
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
es increíble este tipo, simplemente todos los comentarios son positivos y su contenido es excelente
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.
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.
Como siempre, un nivel increíble en la forma que comunicar el contenido en los cursos 👏👏👏👏
Muchas gracias ❤️
Muchísimas gracias, contenido de gran calidad 🎉🎉Thanks!
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!
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.
Carajoooooo !!!! grande midu !!!! un curso de estos en otras plataformas millones de $$$$. Gracias por tu conocimiento !!!
Mil gracias Midu! Paso de Nuxt a Next y me facilitaste mucho!!
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
Gracias por el video! me ha encantado! muy claro tus explicaciones! no te conocia y ya te empece a seguir!!!!
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! 🤗
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
madre mia, midu es el elegido que vino del futuro para enseñarnos todo con una claridad impresionante jaja gracias infinitas
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!!
creo de los mejores instructores sin temor a equivocarme 🎉🎉 FELICITACIONES 🎉🎉
Yo diría el mejor jaja
Bueno, al parejo con el buen Fazt
Bua midu, increible el contenido y lo que aportas a la comunidad!
Gracias!!! 🙂
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
Excelente e impecable tu explicación! gracias
Gracias a ti!
Muchas gracias por todo el contenido que traes para la comunidad.
Excelente tutorial! Muchas gracias!!
Casi 2 horas de contenido valioso. Muchas gracias Midu
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.
midudev eres una bendición para el mundo
Midu eres increíble 🥹❤
Gracias majo!
¡Joder!, buenísima la info
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 🫶🏼🫡
Ya era hora! un sistema de enrutado como el de CI2, por archivos. Un tuto excelente!
tremando titurial midu! gracias, ya es la segunda vez que lo veo y no creo que sea la última jajajaja
Muchas gracias amigo!
Muy épico, vengo de Laravel estoy aprendiendo next muy buenas cosas tiene next
Gracias por este gran aporte viejo, eres el mejor.
Más simple de ahí imposible, gracias midu!
Invaluable este video. Muchas gracias!
Gracias Midu, te amo
Muchas gracias midu 🫂
Vengo a Disfrutar
ya se que voy a hacer este fin de semana. Gracias midu♥
buen video midu! ya lo vi 3 veces
Y eso que lo subió hace 5 minutos, qué crack
Excelente Video, Gracias por compartir lo que sabes, un saludo
Que emoción❤❤❤❤❤, no puedo esperar por este contenido de auténtica calidad😂😂😂❤❤
Excelente contenido. Gracias Midu!
impresionante la magia que hace nextjs
Terrible video Midu, sos crack gracias por siempre transmitir tus conocimientos! Abrazo, buen año
El mas grande Midu, gracias por tanto, ojala tengamos en algun momento como pagarte tanto conocimiento transferido!!
Saludos desde Xalapa, Veracruz, México , gracias por todo tu contenido
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.
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
Midu sos el mejor, te amo
Gracias por el video Midu!
Qué agradable sujeto!🍷
Excelente. Gracias Midu!
Excelente tutorial.
Visto en 02/03/2024
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:
czcams.com/play/PLUofhDIg_38qm2oPOV-IRTTEKyrVBBaU7.html
Muy buen video!
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
en el proceso de base de datos : postgres como se haria la conexion con sql server?
Pero Midu, con el en qué queda el loading.tsx? ya no sirve? una cosa sustituye a la otra?
Excelente contenido como siempre!!
Mil gracias!
Está buenisimo lo que tiene nextjs ahora! Lo de server components es extraordinario, aunque rompe con atomic design pero bueno es lo de menos.
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?
Excelente. Midu como siempre. Pero como se hacen esos emoticones en el código xd
tremendo contenido, muchas gracias
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!
¿Como conectas a una BD local? En el ejemplo se conecta en remoto con Vercel
Esperando el siguiente video
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)
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
Impresionante
Gracias 💛
Sos un genio midu :)
Gracias!
Midu, más contenido de next.js 14 por favor.
Alguien mas tuvo problemas para correr el comando seed? Segui todos los pasos pero veo que no tengo el seed.js como midu, tengo un folder seed que dentro contiene route.ts y alli pareceria que esta lo mismo que tiene midu en el seed.js, pero al correr el comando me da errores
hola, muy buen video. podrias comentar cuales extenciones usas? alguien sabe?
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.
Hola, excelente tutorial, podrías indicar todas las extensiones que estas utilizando? alguien las sabe?
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 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.
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.
¡Excelente! 👏💯
Grande Midudev
Buenisimo midu 🤩
@midulive Tengo un problema, cuando intento hacer el import del global.css del minuto 20:30 me da el siguiente error:
Build Error
Failed to compile
./app/ui/global.css
Error evaluating Node.js code
Error: Failed to load external module
Como puedo solucionarlo?
Hola, saludos a tod@s,pregunta: una vez hecho el fetch , que pasa si queremos que el suaurio modifique esa data , me refiero como padarias esa data a un context?
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?
Como haces para que el autocomplete te genere opciones de tailwindcss
Midu!! genial el contenido muchas gracias!! Habra parte 2??
Por supuesto! Este jueves en directo en Twitch
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?
Se puede ustilizar SWR con el prefecthing?
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 ?
Cómo se agrupan los config dentro de package.json en vscode? Es una extensión?
Me quedé pensando lo mismo 🤔
Solo tenes que activar la opción de file nesting
luego configurá File Nesting: Patterns los archivos que quieras agrupar en package.json yo tengo los siguientes: package-lock.json, yarn.lock, pnpm-lock.yaml, .eslintignore, .eslintrc.json, .gitignore, .prettierignore, next.config.js, postcss.config.js, prettier.config.js, tailwind.config.ts, tsconfig.json
@@lucasgustavodiaz Dale, muchas gracias. Era justo eso. Es una maravilla ver el arbol de archivos mas acotado y con solo las cosas que usas para desarrollar
Midu es rentable hacer un proyecto de front nextjs y de back nestjs?
¿Cual se supone es la diferencia entre getstaticprops y "use server", ¿son lo mismo o son similares?
como haría para conectarme con una base de datos postgresql en local
Hola @midu una consulta si yo trabajo como front y otro desarrollado se encarga del back en C# vale la pena usar next?
Con respecto a la pregunta del footer como cambiarlo dependiendo la pagina se usa los params de la url y en el return del footer se pone un ternario, si es el pathname que devuelva null u otra cosa y sino que se muestre el footer normal. Yo lo solucione así, espero que me haya explicado
Me quedé con ganas de ver el revalidate y la hidratación