El app directory con server client me encanta, no me interesa si se parece a PHP o a trikisñkis, me encanta el rendimiento y la facilidad de contruir una web con Nextjs :D
@@wizanchez Next asi y todo tiene un muy buen mercado y no parece que vaya a decaer, quitando que si aprendes Next practicamente podes aprender cualquier otra alternativa con la curva de dificultad tan alta que tiene
Eso pasa con PHP, los que lo usamos nos encanta y el resto te dice que no escala pero la realidad es que cuando hay datos duros y no sesgados como los de Radar, te enteras que los 5000 sitios modernos con mas trafico, el 54% son php. lol
El tema es que siguen viviendo con el php de antes, deberias de darte la oportunidad de ver laravel con inertia y react, para que veas la potencia y el orm de laravel es hermoso
El tema es que con next puedes hacerlo de manera hibrida, partes desde el cliente y otras desde el servidor además aunque se rendericen desde el servidor, no es necesaria la recarga, está genial
Midu puedes hacer un video sobre un proceso de CI/CD que por ejemplo yo suba unos cambios a github o gitlab, que estos ejecuten un pipeline que suba los cambios de una rama a una plataforma cloud como AWS que el proyecto tenga docker, lo que pasa es que nunca he encontrado un blog o persona que haya hecho el proceso completo de crear una instancia EC2 poner el proyecto en un repositorio de github hacer un pipeline que se ejecute con github actions y que se suba a AWS con los nuevos cambios automáticamente
@@joseavilasg si quiero como que automatizar el despliegue de aplicaciones, basicamente un proceso de CI/CD, con gitlab escuche que se puede hacer los pipelines usando un archivo llamado gitlab-ci.yml pero quiero ver como se haria el proceso desde 0 pues lo he intentado pero no me sale
Quede encantado con el curso de Node del profesor Fernando Herrera. Tanto así que quiero llevarlo ahora con Nest. Gracias profesor por cambiar la vida de muchas personas
esto demuestra que la programación tambien tiene modas, php hace esto desde que se creo, jsp tambien, pero fue reemplazado por las aplicaciones separadas en front y back, y hoy 2024 estamos volviendo a la moda de principios de los 2000.
Justamente ahora estoy por aprender remix, ya que al hacer una web con next, y al desplegar con docker vi el dockerfile y vi que antes habia q hacer mas cosas en la config que la docu de next no lo dice, por lo que es mala la docu, la mejor me parece que es la de astro pero por fuera de eso desplegar en otro lado que no sea vercel es un laberinto
No entiendo por que mandar todo al servidor si los clientes tienen computadores y celulares cada vez mas potentes y el internet ha mejorado cada vez más. Solo veo que es asumir costos de procesamiento por parte de la empresa y la experiencia no es que difiera mucho, es mas hay sitios que funcionan peor.
Midu espero estes bien... viendo este video me nace una curiosidad en la que ojala me puedas ayudar (o alguien de la comunidad), hace unos dias en stream te preguntaba que framework seria bueno para volver a retomar la programación ya que por giros de la vida llevo 5 años alejado totalmente y me recomendaste NEXT, el motivo de querer retomar es el desarrollo de un proyecto personal que quiero enfocar en ambiente web, en el cual esta muy vinculado al ingreso continuo de datos de diferentes análisis que se le hace a la materia prima, asi como tambien datos de resultado del producto ya terminado, de los cuales quiero poder realizar reportes variados, tambien llevar inventario que sea 100% dinámico y me permita poder tener alarmas que me notifiquen al quedarme por debajo de mi mínimo según mis criterios esto a grandes rasgos entre otras cosas. Mi duda viene siendo si el framework de NEXT con estos nuevos cambios sigue siendo viable para aprenderlo y desarrollar proyectos de este estilo? o si por el contrario me recomendarías algún otro framework Gracias y disculpa lo extenso del comentario
Para trabajar con Next, primero debes tener conocimiento y experiencia con ReactJS y sus hooks más usados. Todo lo que dices que quieres hacer, lo puedes hacer sólo con React JS y usar una base de datos relacional (mysql, mariadb, postgresql) aunado a un Backend desarrollado en nodeJS. También puedes usar una base de datos NoSql (mongo, firebase por ejemplo) y desde React le pegas a tu api. Ahora, si aún así crees necesario hacerlo con NextJS, aprende React y luego lánzate con NextJS.
me encanta lo de server actions y todo lo nuevo de next, peeeeero, siento que se pierde un poco de interactividad, es decir, si queremos seguir manteniendo la misma interactividad que antes, vamos a tener mas o menos el mismo codigo o incluso mas y la verdad que no se que tanto afecta el tema de los dispositivos, porque cada vez hay telefonos mas potentes, o sea, llegas a mas gente, pero esto no aplica siempre
Creo que se perdió un poco el concepto de pwa, en donde la idea era que se descargue la primera pagina que visita el usuario y luego el resto a medida que se necesite
Me encanta el app router, y el hecho de tener que aprender la sintaxis diferente no es un poblema, en algún momento tuvimos que pasar de los componentes basados en clases a los basados en funciones
A ver… yo creo que aquí el problema es que la gente quiere usar next para todo o para nada. Una web con seo, next está bien, una pwa, el server component no interesa, un backend sencillo, next está bien, un back complejo con microservicios, next no interesa, un back multidispositivo, next no interesa para el back. Y así con todo…
Recabando los consejos de Fernando, los "server actions" los podemos tomar como "casos de uso". De esta forma podríamos entenderlo y así ordenar mejor la estructura de tu proyecto. En tu caso específico el server action serían 3 casos de uso: login (iniciar sesion), logout (cerrar sesión) y register (registrarse). todo esto dentro de una carpeta "auth" y dentro de una carpeta general llamada "server-actions" o "actions". OJO! esto es solo una forma de las muchas que podrías adoptar. Siempre puede existir una mejor.
yo no lo pude hacer, incluso toca usar la propia base de datos de vercel, al final mi solución fue instalar Prisma ORM para poder usar cualquier Posgres
Para mi con lo de los servers actions esto se parece mas a un laravel, o sea un framework de pila completa full stack, de a poco se va sumando más y más... No me parece bien
2:34 Vale la pena que nos fuercen a usar server components por que es mas ligero, eficiente,..etc... enserio se la creyeron??? Vercel vende capacidad de procesamiento, obiamente si todo esta corriendo del lado del cliente y y las peticiones al server son minimas no es negocio para vercel,.. te obligan a que hagas procesamiento del lado del servidor por que eso es lo que ellos venden, punto se acabo. Ciego el que no lo quiera ver. Mil veces mas eficiente tener el state de tu aplicacion en el lado del cliente, asi cargas una pagina con la data del state en una fraccion de lo que se carga en el lado del servidor con cientas dec requests para cargar toda la data de la que depende tu app EN CADA RENDER de una pagina, del lado del cliente es mas optimo cargar toda esa data una sola vez persistirla en el cliente, y usar la misma data en cada render de cada pagina en el lado del cliente.
Laravel es el rey, no se diga más. Estoy en dos proyectos con backend de laravel 11. Uno con React por separado y otro con React junto y ambos caminan genial. Y tengo que lidiar con los hater de php a ambos lados, los amantes de rust y go que me parecen lenguajes raros, pero respeto a quien los use.
no se porke siento o percibo como si el frontend ahora lo han ensuciado tanto a tal punto que parece otro backend, como si tuviera haciendo backend con backend =S lo han complicado para hacer la misma awebason que hace ya las bases de JS con css y HTML, ironicamente nextJS esta buscando que trabaje mas el servidor ajjaajaj , esto parece una reinvencion de la rueda disfrazado de frontend.
El app directory con server client me encanta, no me interesa si se parece a PHP o a trikisñkis, me encanta el rendimiento y la facilidad de contruir una web con Nextjs :D
si haces app para ti, y solo tu la vas a mantener, es un buen camino, pero en la industria no se trabaja de esta manera
@@wizanchez Next asi y todo tiene un muy buen mercado y no parece que vaya a decaer, quitando que si aprendes Next practicamente podes aprender cualquier otra alternativa con la curva de dificultad tan alta que tiene
Eso pasa con PHP, los que lo usamos nos encanta y el resto te dice que no escala pero la realidad es que cuando hay datos duros y no sesgados como los de Radar, te enteras que los 5000 sitios modernos con mas trafico, el 54% son php. lol
El tema es que siguen viviendo con el php de antes, deberias de darte la oportunidad de ver laravel con inertia y react, para que veas la potencia y el orm de laravel es hermoso
@@manuelcostilla5793 Donde trabajo, actualmente se esta empezando a utilizar y cada dia mas empresas tambien lo utilizan
Al final volvemos a renderizar vistas del lado del servidor.... sigo con Laravel + Blade nomas... saludos.
El tema es que con next puedes hacerlo de manera hibrida, partes desde el cliente y otras desde el servidor además aunque se rendericen desde el servidor, no es necesaria la recarga, está genial
@@sebastianrios1007 con Laravel, Tambien se puede hacer eso, usando Inertia + React
esto demuestra que el todopoderoso PHP estaba adelantado a su época, ahora todos replican su marranero
Laravel Blade >
Jajajjajajaja "su marranero"
El servidor, estoy cansado jefe
Si el server se cansa de tanto trabajo, que podemos esperar del cliente con un dispositivo Android gama baja 😮💨
Ajajajajaj
Midu puedes hacer un video sobre un proceso de CI/CD que por ejemplo yo suba unos cambios a github o gitlab, que estos ejecuten un pipeline que suba los cambios de una rama a una plataforma cloud como AWS que el proyecto tenga docker, lo que pasa es que nunca he encontrado un blog o persona que haya hecho el proceso completo de crear una instancia EC2 poner el proyecto en un repositorio de github hacer un pipeline que se ejecute con github actions y que se suba a AWS con los nuevos cambios automáticamente
Casualmente yo quiero implementar algo parecido para mi proyecto, pero yo trabajo con gitlab.
@@joseavilasg si quiero como que automatizar el despliegue de aplicaciones, basicamente un proceso de CI/CD, con gitlab escuche que se puede hacer los pipelines usando un archivo llamado gitlab-ci.yml pero quiero ver como se haria el proceso desde 0 pues lo he intentado pero no me sale
apoyo las dos ideas... más la 1era
Mi compañero: bro por que tan elegante:
Yo: midu subió un nuevo video muchacho.
Pfff yo trabajo con symfony + twig + stimulusjs, y os puedo asegurar que no se parece en nada a NEXT hahaha ojalá.. me tiene php hasta las narices
Quede encantado con el curso de Node del profesor Fernando Herrera. Tanto así que quiero llevarlo ahora con Nest. Gracias profesor por cambiar la vida de muchas personas
Hoy en dia php no se hace así. mezclando. actualizarse
esto demuestra que la programación tambien tiene modas, php hace esto desde que se creo, jsp tambien, pero fue reemplazado por las aplicaciones separadas en front y back, y hoy 2024 estamos volviendo a la moda de principios de los 2000.
JAJAJA es la moda...a lo bueno siempre de regresa... mi sitio web en PHP sigue funcionando como un campeón, desde hace 10 años
creo que mucha basura para desarrollo, en estos tiempos es como llegar a un centro comercial con mas de 100 locales de tenis no sabes cual comprar
Laravel para manejar toda la lógica + Vue para manejar la interfaz y tener reactividad + Inertiajs para pegar Vue y Laravel 🥰
Tube la suerte de aprender nextjs ya con nextjs 13, app router. y no me tube que liar mucho 😇
Yo pensé que RemixJS seria buena alternativa pero aunque es más rápido estas igual tirando todos los conocimientos para un cambio radical
Remix es mejor que nextjs por mucho!
Justamente ahora estoy por aprender remix, ya que al hacer una web con next, y al desplegar con docker vi el dockerfile y vi que antes habia q hacer mas cosas en la config que la docu de next no lo dice, por lo que es mala la docu, la mejor me parece que es la de astro pero por fuera de eso desplegar en otro lado que no sea vercel es un laberinto
Pregunta, al final renderizar del lado del server no se traduce a costos? No tenemos pcs y celulares bastante potentes como para renderizar una web?
No entiendo por que mandar todo al servidor si los clientes tienen computadores y celulares cada vez mas potentes y el internet ha mejorado cada vez más. Solo veo que es asumir costos de procesamiento por parte de la empresa y la experiencia no es que difiera mucho, es mas hay sitios que funcionan peor.
@@thundergabriel SEO
Fernando me enseño a programar, le deseo que dios lo tenga en su gloria, le vaya bien en todo.
"Mueres siendo un héroe, o vives lo suficiente para convertirte en villano".
Saneando*
problemas de rendimiento? que pasa si hago un for con el llamado a una BD? eso quien lo controlaria, no se me parece extraño
Midu espero estes bien... viendo este video me nace una curiosidad en la que ojala me puedas ayudar (o alguien de la comunidad), hace unos dias en stream te preguntaba que framework seria bueno para volver a retomar la programación ya que por giros de la vida llevo 5 años alejado totalmente y me recomendaste NEXT, el motivo de querer retomar es el desarrollo de un proyecto personal que quiero enfocar en ambiente web, en el cual esta muy vinculado al ingreso continuo de datos de diferentes análisis que se le hace a la materia prima, asi como tambien datos de resultado del producto ya terminado, de los cuales quiero poder realizar reportes variados, tambien llevar inventario que sea 100% dinámico y me permita poder tener alarmas que me notifiquen al quedarme por debajo de mi mínimo según mis criterios esto a grandes rasgos entre otras cosas.
Mi duda viene siendo si el framework de NEXT con estos nuevos cambios sigue siendo viable para aprenderlo y desarrollar proyectos de este estilo? o si por el contrario me recomendarías algún otro framework
Gracias y disculpa lo extenso del comentario
Para trabajar con Next, primero debes tener conocimiento y experiencia con ReactJS y sus hooks más usados.
Todo lo que dices que quieres hacer, lo puedes hacer sólo con React JS y usar una base de datos relacional (mysql, mariadb, postgresql) aunado a un Backend desarrollado en nodeJS.
También puedes usar una base de datos NoSql (mongo, firebase por ejemplo) y desde React le pegas a tu api.
Ahora, si aún así crees necesario hacerlo con NextJS, aprende React y luego lánzate con NextJS.
@@christianjjc Vale entiendo muchas gracias amigo por la informacion
me encanta lo de server actions y todo lo nuevo de next, peeeeero, siento que se pierde un poco de interactividad, es decir, si queremos seguir manteniendo la misma interactividad que antes, vamos a tener mas o menos el mismo codigo o incluso mas y la verdad que no se que tanto afecta el tema de los dispositivos, porque cada vez hay telefonos mas potentes, o sea, llegas a mas gente, pero esto no aplica siempre
Creo que se perdió un poco el concepto de pwa, en donde la idea era que se descargue la primera pagina que visita el usuario y luego el resto a medida que se necesite
Me encanta el app router, y el hecho de tener que aprender la sintaxis diferente no es un poblema, en algún momento tuvimos que pasar de los componentes basados en clases a los basados en funciones
Interesante contenido. Siento que a veces Fernando interrumpe a Midu y no le escucha pero bueno.
A ver… yo creo que aquí el problema es que la gente quiere usar next para todo o para nada. Una web con seo, next está bien, una pwa, el server component no interesa, un backend sencillo, next está bien, un back complejo con microservicios, next no interesa, un back multidispositivo, next no interesa para el back.
Y así con todo…
Estoy aprendiendo Nextjs y me gustó la manera de crear RSC en App Router 🤓
que buena charla, que bueno!
ver a estos cracks dialogando sobre cualquier tema!! ufff 🔥🔥
Un crack Fernando . Creen que un login o register seria un server action?
Recabando los consejos de Fernando, los "server actions" los podemos tomar como "casos de uso". De esta forma podríamos entenderlo y así ordenar mejor la estructura de tu proyecto.
En tu caso específico el server action serían 3 casos de uso: login (iniciar sesion), logout (cerrar sesión) y register (registrarse). todo esto dentro de una carpeta "auth" y dentro de una carpeta general llamada "server-actions" o "actions".
OJO! esto es solo una forma de las muchas que podrías adoptar. Siempre puede existir una mejor.
Hola... ese tipo de query se puede hacer con algo distinto de vercel?
yo no lo pude hacer, incluso toca usar la propia base de datos de vercel, al final mi solución fue instalar Prisma ORM para poder usar cualquier Posgres
Fernando es un ejemplo a seguir
Para mi con lo de los servers actions esto se parece mas a un laravel, o sea un framework de pila completa full stack, de a poco se va sumando más y más... No me parece bien
A mi parece muy bueno lo de next.js
Y la gente se atreve a decir que React no es un framework sino una librería XD
react es una libreria para generar vistas
React no encaja en el concepto de framework, ahora next js que usa react si
Fernando es un crack
Qué pasa con los microservicios?
2:34 Vale la pena que nos fuercen a usar server components por que es mas ligero, eficiente,..etc... enserio se la creyeron???
Vercel vende capacidad de procesamiento, obiamente si todo esta corriendo del lado del cliente y y las peticiones al server son minimas no es negocio para vercel,.. te obligan a que hagas procesamiento del lado del servidor por que eso es lo que ellos venden, punto se acabo. Ciego el que no lo quiera ver.
Mil veces mas eficiente tener el state de tu aplicacion en el lado del cliente, asi cargas una pagina con la data del state en una fraccion de lo que se carga en el lado del servidor con cientas dec requests para cargar toda la data de la que depende tu app EN CADA RENDER de una pagina, del lado del cliente es mas optimo cargar toda esa data una sola vez persistirla en el cliente, y usar la misma data en cada render de cada pagina en el lado del cliente.
Dos super profesores
Cuando necesitas una aplicacion mas avanzada en nextjs, termina siendo una mierd4, pero para cosas basicas sirve (como cualquier framework)
Resumen usen flutter mejor 😂
Me imagino la mente de midu cuando le dicen que es una inyeccion de sql ⁉
Laravel es el rey, no se diga más. Estoy en dos proyectos con backend de laravel 11. Uno con React por separado y otro con React junto y ambos caminan genial. Y tengo que lidiar con los hater de php a ambos lados, los amantes de rust y go que me parecen lenguajes raros, pero respeto a quien los use.
@@alekvga como combinas react y Laravel? Me gusta mucho Laravel pero no sé cómo utilizar react en el
no se porke siento o percibo como si el frontend ahora lo han ensuciado tanto a tal punto que parece otro backend, como si tuviera haciendo backend con backend =S lo han complicado para hacer la misma awebason que hace ya las bases de JS con css y HTML, ironicamente nextJS esta buscando que trabaje mas el servidor ajjaajaj , esto parece una reinvencion de la rueda disfrazado de frontend.
PHP ESTA MUERTO , 》》》NextJS RENDER SERVER 😂😂😂
JAJAJAJAAJ
La verdad PHP es más bonito que esa cochinada de use server xD
Jaja sii es verdad
Vamos PHP!
laravel inertia con react
Me encanta NEXT 14. No sé por qué se queja la gente
pero partiste con Next.js 12?
mis dos profesores en un solo video
JAJAJAJA
Qwik creo todo esto jajaja
Next JS copy & paste a Qwik
Qwik es lo mejor por lejo!
No se que me parece más feo con tanta magia, Nextjs o HTMX
HTMX lo usas donde queres y listo... Nextjs se apodera de tu app.
el que no conoce mucho escuchara WIX
php y jquery hicieron esto hace 10 años....