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.
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!!!
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
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).
@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?
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.
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.
1>37 Como Inertia.js con Laravel, que simula una SPA sin ser una SPA completamente y dejando a Laravel manejar el enrutamiento con todo lo que involucra.
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! De pronto esta playlist de los videos de Midu sobre NodeJS desde Cero es lo que estas buscando: ruclips.net/p/PLUofhDIg_38qm2oPOV-IRTTEKyrVBBaU7
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?
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.
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.
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)
Saben si en nextjs se usa la estructura de carpetas: serc/pages, src/utils, etc. por ende, quitando la carpeta app en src/app?
5 месяцев назад
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?
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 ?
Me encanta NextJS, pero he tratado de seguir este video curso, pero he quedado estancado ahora porque hoy 7/12/24 me aparece nuevas formas de crear bases de datos con vercel y no las logro entender, serias tan amable de explicarlas, aparecen NEON, UPSTASH, Supabase, Redis Cloud y EdgeDB pero no he podido continuar, te agradezco la ayuda
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
Tengo un problema al usar suspense, lo he hecho igual que en el video usando los server components y tanto el page incial como el componente son asincronicos, y hago un fetch a una api interna que tengo. El error es que no se monta el componente y hay un error de hidratación lo que hace que de quede en blanco toda la pantalla hasta que le de un f5
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.
Tengo un problema en una app hecha en Next 13.4. Al hacer un Fetch en un client component (use client), la primer consulta la hace bien a base de datos pero después siempre me toma datos de caché en el servidor... Por lo que si hago un Abm de usuarios, no actualiza la info.
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.
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
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?
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
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.
Carajoooooo !!!! grande midu !!!! un curso de estos en otras plataformas millones de $$$$. Gracias por tu conocimiento !!!
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! 🤗
Muchísimas gracias, contenido de gran calidad 🎉🎉Thanks!
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
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!
Como siempre, un nivel increíble en la forma que comunicar el contenido en los cursos 👏👏👏👏
Muchas gracias ❤️
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.
madre mia, midu es el elegido que vino del futuro para enseñarnos todo con una claridad impresionante jaja gracias infinitas
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
Mil gracias Midu! Paso de Nuxt a Next y me facilitaste mucho!!
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!!
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.
Midu, más contenido de next.js 14 por favor.
Bua midu, increible el contenido y lo que aportas a la comunidad!
Gracias!!! 🙂
Gracias por el video! me ha encantado! muy claro tus explicaciones! no te conocia y ya te empece a seguir!!!!
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
creo de los mejores instructores sin temor a equivocarme 🎉🎉 FELICITACIONES 🎉🎉
Yo diría el mejor jaja
Bueno, al parejo con el buen Fazt
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.
🗿
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
Ya era hora! un sistema de enrutado como el de CI2, por archivos. Un tuto excelente!
Muy épico, vengo de Laravel estoy aprendiendo next muy buenas cosas tiene next
Casi 2 horas de contenido valioso. Muchas gracias Midu
midudev eres una bendición para el mundo
Muchas gracias por todo el contenido que traes para la comunidad.
tremando titurial midu! gracias, ya es la segunda vez que lo veo y no creo que sea la última jajajaja
Muchas gracias amigo!
Que emoción❤❤❤❤❤, no puedo esperar por este contenido de auténtica calidad😂😂😂❤❤
Terrible video Midu, sos crack gracias por siempre transmitir tus conocimientos! Abrazo, buen año
Midu eres increíble 🥹❤
Gracias majo!
El mas grande Midu, gracias por tanto, ojala tengamos en algun momento como pagarte tanto conocimiento transferido!!
Excelente contenido. Gracias Midu!
Más simple de ahí imposible, gracias midu!
¡Joder!, buenísima la info
ya se que voy a hacer este fin de semana. Gracias midu♥
Gracias por este gran aporte viejo, eres el mejor.
impresionante la magia que hace nextjs
Gracias Midu, te amo
Excelente e impecable tu explicación! gracias
Gracias a ti!
Invaluable este video. Muchas gracias!
@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?
Excelente tutorial! Muchas gracias!!
Qué agradable sujeto!🍷
buen video midu! ya lo vi 3 veces
Y eso que lo subió hace 5 minutos, qué crack
Muchas gracias midu 🫂
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 🫶🏼🫡
Saludos desde Xalapa, Veracruz, México , gracias por todo tu contenido
Hola midu, Estoy aprendiendo y resulta que ya está next en la versión 15, puedes hacer un video sobre los cambio, si es posible un directo :3
Excelente Video, Gracias por compartir lo que sabes, un saludo
Midu sos el mejor, te amo
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.
Vengo a Disfrutar
Excelente contenido como siempre!!
Mil gracias!
1:10:38
Excelente tutorial.
Visto en 02/03/2024
Pero Midu, con el en qué queda el loading.tsx? ya no sirve? una cosa sustituye a la otra?
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.
1>37 Como Inertia.js con Laravel, que simula una SPA sin ser una SPA completamente y dejando a Laravel manejar el enrutamiento con todo lo que involucra.
14:00 Cual es la vs code extension para que agrupe los ficheros de configuración dentro del package.json ?
la encontraste?
Muy buen video!
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
en el proceso de base de datos : postgres como se haria la conexion con sql server?
Gracias por el video Midu!
Midu!! genial el contenido muchas gracias!! Habra parte 2??
Por supuesto! Este jueves en directo en Twitch
Está buenisimo lo que tiene nextjs ahora! Lo de server components es extraordinario, aunque rompe con atomic design pero bueno es lo de menos.
Esperando el siguiente video
Excelente. Gracias Midu!
Sos un genio 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
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
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?
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.
hola midu como agrupas las configuraciones en el packetjson minuto 13:12 buen curso saludos
Hola @midu una consulta si yo trabajo como front y otro desarrollado se encarga del back en C# vale la pena usar next?
Se puede ustilizar SWR con el prefecthing?
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.
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)
Ahora que ya salió nextjs 15, puedo aprenderlo con tutoriales de v13 y/o v14? O no son compatibles?
¿Como conectas a una BD local? En el ejemplo se conecta en remoto con Vercel
Saben si en nextjs se usa la estructura de carpetas: serc/pages, src/utils, etc. por ende, quitando la carpeta app en src/app?
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?
Buenisimo 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, muy buen video. podrias comentar cuales extenciones usas? alguien sabe?
Crack👏🏼
Me encanta NextJS, pero he tratado de seguir este video curso, pero he quedado estancado ahora porque hoy 7/12/24 me aparece nuevas formas de crear bases de datos con vercel y no las logro entender, serias tan amable de explicarlas, aparecen NEON, UPSTASH, Supabase, Redis Cloud y EdgeDB pero no he podido continuar, te agradezco la ayuda
¿Cual se supone es la diferencia entre getstaticprops y "use server", ¿son lo mismo o son similares?
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
Como haces para que el autocomplete te genere opciones de tailwindcss
amigo midudev, es necesario saber ya de react para empezar con next
Tengo un problema al usar suspense, lo he hecho igual que en el video usando los server components y tanto el page incial como el componente son asincronicos, y hago un fetch a una api interna que tengo.
El error es que no se monta el componente y hay un error de hidratación lo que hace que de quede en blanco toda la pantalla hasta que le de un f5
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.
que extensión usas en code? veo que te predice código al escribir algo.
Tengo un problema en una app hecha en Next 13.4.
Al hacer un Fetch en un client component (use client), la primer consulta la hace bien a base de datos pero después siempre me toma datos de caché en el servidor... Por lo que si hago un Abm de usuarios, no actualiza la info.
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.
Impresionante
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
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?
amigo me sale un error en 6:36 , ala hora de instalar.. erro. ya tengo instalado la version de node.js v18.18
hasta aqui me quede
ruclips.net/video/jMy4pVZMyLM/видео.html
no se que dijo de un servidor