¿Es este el Stack MERN 2.0?
HTML-код
- Опубликовано: 7 фев 2025
- Si has escuchado del Stack de Tecnologías llamado MERN (Mongodb, Express, React y Nodejs), y crees que es la única forma de crear aplicaciones web Fullstack modernas, es probable que te estés perdiendo de una forma alternativa o evolucionada de este Stack usando otros framework que ofrecen mejores características que este Stack a tal punto de que puede ser considerado como un Stack MERN 2.0, o incluso mejor.
Curso de Nestjs ⮕ • Curso de Nestjs - Fram...
Curso de Nextjs ⮕ • Curso de Nextjs desde ...
Curso de Prisma ⮕ • Curso de Prisma ORM
⭐ Cursos Recomendados
Curso de Nodejs ⮕ fazt.dev/nodejs
Curso de Python⮕ faztweb.com/py...
Curso de React ⮕ • Curso de Reactjs desde...
Curso de Nextjs ⮕ • Curso de Nextjs desde ...
Curso de Javascript para React ⮕ • Javascript para Aprend...
🎒 Servicios Recomendados
SiteGround ⮕ bit.ly/31u9ZEk
Railway ⮕ railway.app?referralCode=fazt
Namecheap ⮕ namecheap.pxf....
DigitalOcean ⮕ m.do.co/c/8ef2...
🎒 Otros Servicios
Ledger ⮕ (Hardware Wallet) bit.ly/3ijsVNW
Cloudinary ⮕ bit.ly/3ohNlJ7
Notion ⮕ affiliate.noti...
🗣 Redes Sociales
Github ⮕ github.com/fazt
Twitter ⮕ / fazttech
Discord ⮕ faztweb.com/so...
Puedes encontrar la lista de tutoriales de Nodejs en:
faztweb.com/ne...
faztweb.com/ne...
#nextjs #nestjs #typescript #javascript #desarrolloweb
#programming #mernstack #reactjs #javascript #nextjs #nodejs
Algo que me aprece gracioso es que partimos de un monolito en php, para luego cambiarnos a microservicios en front y b
Lo que decis es el "frontend" de la industria. Cuando salen los microservicios toooodos aplicando microservicios en todos lados. Cuando se pone de moda el monolito todos aplicamos monolitos. El chiste de todo esto en realidad son las necesidades para poder producir y en cada equipo es un mundo distinto. Como técnicos tenemos la tarea de investigar y decidir si es buena idea usar un monolito o no (o la tecnología del momento). Lo de php aun sigo sin entenderlo cuando sostiene gran parte del mundo jaja
Normalizemos llamarle el stack M3N jajajaja
Muy bueno cada video la verdad, gracias por compartir siempre este tipo de información ❤
Muy buen contenido Fazt! Vengo del stack MERN y ahora me encuentro profundizando con Next. Solo me faltaría aprender Nest.js. Espero el video sobre diseño de sistemas! Saludos!
Increíble. Aplique exactamente está estructura en mi trabajo y 2 días después subiste este video
Vaya, recien estoy aprendiendo el stack mern y veo que me queda muuuuuuuuuucho por aprender
mejor aprende lenguajes que te den trabajo, java, c# o php, te ira mucho mejor con eso.
zzz . Más facil
@@luisloyola3591totalmente de acuerdo, yo llevo dos años estudiando. Mi stack es P3N literal el mismo de fazt, pero encontrar trabajo incluso con conocimientos en cloud y microservicios está imposible, apenas he tenido 1 entrevista
Hola Luis, puedes profundizar un poco más tu comentario? (Pregunta genuina) Veo que muchos están empezando aprender a programar empiezan por el frontend pero al mismo tiempo veo a un grupo quejándose todo el tiempo de que no hay trabajo. Yo también estoy empezando, pero me sorprende mucho la verdad, aunque sigo en lo mío. 😂 @@luisloyola3591
@@luisloyola3591Js,react , etc , no vale la pena ?. Que recomendarías para entrar en el mercado ?
4:45 el Stack Mnnn rico
M3N
Hola fazt, esperare ese curso de diseño de sistemas. Gracias!
Espero puedas comentar un poco de como haces el despliegue de tus aplicaciones.
De hecho me parece una muy buena idea
Excelente contenido como siempre! A la espera de ese curso de Diseño de sistemas 🤓🔥
Actualmente estoy desarrollando una aplicación bastante grande pero usando lo que sería el Stack PNAN PostgreSQL - NestJS - Angular - NodeJS.. Realmente muy potente, fácil de escalar, las grandes similitudes en la estructura de código de NestJS y Angular facilitan mucho el proceso de desarrollo.
Hermano quizas suene novato mi comentario pero para que combinar Angular con nest js ??
Gracias por ilustrarnos y abrir el panorama en cuenta a combinaciones optimas de stacks.
Perfecto esperando esa parte de curso ya que es base para todo desarrollador
Muy buena estructura para escalar de forma fácil e incremental, gracias por compartirla!
Estaré atento para el anuncio de ese curso de diseño de sistemas ;)
Muchas gracias, Fazt, Yo últimamente estaba pensando mucho en estas tecnologías. Ahora aprender más.
Gracias, por los tutoriales, ojala pronto ocupes surrealDB como base de datos.
Me estaba armando este stack justamente para poder integrar proyectos con modelos LLMs , me alegra mucho saber que alguien de tu experiencia y nivel confirma que es un buen stack. Excelente contenido capo di tutti!
Hola no entendi el video, cómo sería el stack?
@losoce3177 mongo/postrgres - react - next.js - nest.js condimentado con python para agregar funcionalidades IA y desplegado vía Docker. Le agregaría algunas cosas como aprender a manejar procesos mediante Make file, y Github Actions para automatizar el CI/CD además de alguna librería para testing como Jest.
@@Bzmn gracias!!!!!
Yo administro un hosting muy popular y hago mvp en un CMS muy popular. Pero estudio paralelamente python y encuentro genial el ecosistema que has planteado. Muchas gracias por la valiosa información y experiencias. En lo personal me gusta más el Analisis de Datos y la Ciberseguridad, pero considero que es importante aprender todo lo que hay detrás de una aplicacion Web o Movile. Y si dominas los lenguajes de Programacion populares usados en la web este tipo de esquemas y los Headless, supongo que seria lo optimo si quiero dedicarme al hacking etico web. Gracias nuevamente y cualquier retroalimentacion es bienvenida.
Voy a usar este stack para el nuevo proyecto que tengo en mente. Gracias por compartir
Ya estoy esperando el vídeo de diseño de proyectos ❤
Me encantan tus vídeos, muy bien explicado siempre.
gracias fazt, espero con ganas todos tus cursos :D y más este que has dicho que junto al ultimo de nest y next y este mismo seguro que nos convierte en superguerreros con vision más clara :D
Buen video! Gracias Fazt.
Que locura, te veo de vez en cuando y ahora que te vuelvo a ver y tenemos el mismo stack, luego te mando un correo.
Cual es el stack? Mongodb nest node y react?
Muy buen video, aunque debo confesar que no soy muy de React (aunque Gatsby y Next son una cosa a parte), pero también te recomendaría hablar sobre los Headless CMS.
El Stack F.A.R.M, es el stack más sexy entre Python y TS, más si contamos con Nextjs por el BFF
porque usaria python con javascript? mas aun un lenguaje dinamico con uno super set de tipados? ... que dolor de cabeza.
@@luisloyola3591python es más legible que javascript, y no tiene los errores de javascript ([ ] !== [ ] ) xd , el interprete que usa FastAPI tiene el mismo performance que node.js.
Python es dinamicamente tipado, pero el framework fastapi usa pydantic para ser fuertemente tipado, en pydantic un schema es el equivalente a una interfaz :v
Con el auge de las inteligencias artificiales se estima más puestos para python developer, yo uso MERN en el trabajo pero el stack FARM es muy bueno la verdad.
Desde hace varias versiones python acepta tipado estatico y creo que va por ese lado
Nextjs es framework súper completo de back a front amigo
@@olvadishernandez7343 Es más de frontend, porque si bien tiene la manera de trabajar API's ahí mismo, en las empresas son más usadas para el patron Backend For Frontend, pero si quieres un back completo es mejor irse por uno que si este especializado para el servidor
Yo estoy planificando utilizar nestjs postgres prisma en el backend y sveltekit en el frontend. Si bien con sveltekit podría hacer back y front, esta combinación me resulta más conveniente.
Tremendo... y genial que recomendes nestjs yo lo vengo usando hace ya 2 años y la verdad que me encanta y lo prefiero mucho mas que al node puro y clasico que venia usando... saludos
Este el stack exacto en el que estoy trabajando!!. Lastima que aca donde vivo (Francia) se pide mas Java-Angular, pero espero poder encontrar algo pronto. Mientras tanto hay que perfeccionarse! Gracias maestro por la motivacion 🤝
Esperando el curso de Diseño de Sistemas Fazt 😊
Muchas gracias, como siempre info muy valiosa, saludos!
Es verdad ! cuando analizas un proyecto con wappalizer (la extension de chrome) mayoria de los SaaS de IA estan hechos con Nextjs, gracias por video, ahora si estoy mas convencido por otro lado sigo pensando que typescript es complicarse sin motivo, pero veo tambien que la mayoria de los cursos de nextjs siempre usan typescript 😪😪
hola fazt excelente contenido seria bueno que subieras un video sobre como hacer un panel de administrador con react y firebase
Siempre me agradan tus videos
Despues de tantos meses de espera ya la opcion Unirme esta disponible para Venezuela 🥺 SIIIIIIIIIIIII.
gracias por la explicación Fast, ahora entiendo la parte de Next.js. Si pudieras explicar formas de ir escalando un proyecto sin que sea tan caro por ejemplo un saas.
saas multi tenant, con postgresql donde puede usar la opcion de division de usuario pos schemas, y no por bd es mas barato, y luego puede escalar.
No sabia que usaba este stack 2.0 en mis proyectos, interesante
Cuales son los lenguajes de este stack? Me perdí
Opino lo mismo sobre lo de la api de NextJS. Si el proyecto no amerita una api separada en mi caso aplicó Next con tRPC (t3 stack) que es una muy buena alternativa a usar la api de next cruda
Exclente video, eres un maestro
Fazt, antes de eso existia LAMP, WAMP supongo que de allí aparecieron los "MEAN" stacks, muuucho antes del 2010
Hola Fazt realizas muy buen contenido me gusta mucho python talvez puedes realizar un ejemplo de Django con htmx
Es una buena idea de hecho. Voy a elaborar algo
@@FaztCode agradecido por tomar en cuenta mi comentario 🤩
te quierro mucho fazt
no entiendo para que hacen apis con esos lenguajes cuando existe .NET que hace las APIS casi automaticas
¡Hola Fazt! ¿A qué correo deberíamos escribirte para enviarte el CV que mencionaste en este video? Yo lo mandé al que figura en tu sitio web (con los cursos y demás).
Que podrías decir de Nuxt con nitro
Hola Fazt, que opinas de usar el back con Django?
Y usas monorepos fazt? Tal vez trpc ya que todo es typescript?
Muy atento al próximo curso! Gracias!
(¿Qué app es la que usas en el video?)
Es esta web: ruclips.net/video/KjyBL60uFL0/видео.html
oye si, stack mern 2.0 en su totalidad
Cómo se llama ese software para hacer los diagramas
Excelente stack.. voy a probarlo.. podes adelantar si se viene algún curso.. o algún video de creación de proyectos completos en el futuro?
Estoy preparando algunos ejemplos prácticos para la semana entrante :)
Es curioso porque si bien es un gran stack al final el usuario siempre quiere un panel administrativo fácil para editar su producto sencillo, ¿que CMS existe para esto?
Para eso tienes muchos headless CMS como straps, sanity, payload y tofos ofrecen prácticamente lo mismo
@@FaztCode Precio? por ejemplo en aws tendrias la app fullstack con django y react todo dockerizado por 5 al mes.
Excelente video, podrías por favor compartirnos las bibliotecas de Excalidraw que usaste en el video?
Solo busque terminos como React, y web browser, y server, en cada uno sale el conjunto de dibujos :)
Fazt, que le falta a laravel y php para que llamen la atención?
Porque siempre escucho esos stacks y nunca nd sobre ellos :(
Los pruebo y me parecen excelentes
Hey fazt, queria saber que opinas de Nuxtjs, ya que manejo mejor vue que react y en la empresa se quiere crecer con algun metaframework con seo 😮
¿Como se llama la aplicación que usa para maquetear?
¿Sería correcto decir?:
- Para algo (grande-mas grande): Angular + NestJS.
- Para algo (pequeño-mediano-grande): React + NextJs + NestJs.
@@luisloyola3591 y a futuro iríamos camino a rust
@@luisloyola3591 nestjs esta orientado a la creacion de aplicaciones eficientes, confiables y escalables... yo lo vengo usando hace un tiempo ya y en aplicaciones de gran tamaño y se desempeña de muy buena manera en cuanto a organizacion y velocidad... tal vez en cuanto a velocidad a un nivel mucho pero mucho mas micro es menos que C#,java,Go y C pero bueno tambien hoy en dia existe un miedo absurdo a 1 o 2 microsegundos de mas jejejejej... creeme que es muuy buena alternativa para caso de aplicaciones grandes cuando el equipo tiene incorporado un stack basado en js
Totalmente correcto yo vengo usando nestjs hace 2 años ya y en aplicaciones grandes o mejor dicho escalables y va muy bien despues de todo nestjs esta diseñado para aplicaciones eficientes y escalables... ademas es la mejor opcion si tu team tiene el stack de js... muchos van a decir java o C# o C etc... todo por unos milisegundos menos pero la verdad un poco tematicos y exagerados... no es que sean malos es mas son muy buenos pero bue nestjs no se queda atras
Como se llama la herramienta en donde hace los gráficos de ejemplo ?
Figma
Nest js me llama mucho la atención, pero que tan factible es para buscar empleo? Sobretodo en el exterior, si tiene buena oferta?
En que plataformas tienes tus cursos ?
Que tablero utilizas para tu explicacion?
Postgresql, spring boot y angular
si vas a usar angular es mejor usar Nestjs porque siguen la misma arquitectura y forma de hacer las cosas (ambos frameworks estan fuertemente opinionados) Lo dificil de tener 2 lenguajes distintos en un proyecto es que vas a necesitar si o si 2 perfiles de desarrolladores distintos, uno de back en JAVA y otro de front en JS con angular...
Si piensas en una startup donde el dinero no es maná caido del cielo, es mejor un lenguaje en todo el ecosistema
si soy desarrollador backend en .Net, y quiero incursionar en front para consumir mis apis, que me recomiendan estudiar ?
JavaScript ->React -> Next
Yo usé un poco Nestjs y me pareció robusto pero a la vez simple, lo entendí mejor que Django, me gustaría aprender más pero la oferta laboral en mi país lamentablemente se va más por Java con springboot que ni siquiera lo he usado...
De hecho, por dónde yo vivo igual se pide mucho de java y .net, yo por eso ya mejor cambie mi stack. xd
X2 vives en Colombia verdad?
@@Daker11Gamer Así es
@@diegomarroquin4369 ingles?
Bueno amigo, a mi cuando comencé me sucedió algo parecido, pero sabes, abracé SpringBoot y años después valoro mucho esa experiencia porque me ha dado más perspectiva para entender mejor NestJs y otros lenguajes/frameworks, a día de hoy ya trabajo full freelance y haciendo básicamente lo que me apetece.
Además si ya has tocado Django mucho mejor porque vas moldeándote para adaptarte a distintos entornos, es como aprender idiomas, siempre te va a venir bien, además te da más conocimiento a la hora de descubrir en que especializarte.
Si tienes una buena oferta que te pueda agradar, yo la consideraría, aunque siempre depende de la situación de cada uno.
Piensa que te aportará plata y experiencia, y cuando tú decidas siempre puedes saltar a otra de NestJs con un nivel más curtido!
muchas gracias por el video, si a mi me gusta lo que he visto de Vue, como seria el stack ?
En tu caso reemplazarias Nextjs por Nuxtjs, que es su equivalente en Vue, el resto seria lo mismo
Adonde te mando un cv Fast?
dale un ojo a Effect ts ;)
Pero si vamos a quitarle la responsabilidad a NEXT.JS de encargarse de las API y la BD ¿No sería mejor usar directamente React para el Front?
Lo digo porque a nivel de rendimiento, React es mucho más rápido que Next.js
Gracias Fazt, una pregunta, a menudo usas el mismo Next para las APIs o siempre haces un servicio a parte?
Cuando es un proyecto que no tiene planes de integrar otra app cliente o se es un proyecto pequeño, lo hago con la misma api de Nextjs, pero cuando se planifica un proyecto más grande uso ese stsck que menciono :)
@@FaztCode Gracias!
Yo y mi equipo utilizamos este stack desde hace meses y es muy genial para escalar el back por lo robusto que es nestjs
Hola cual es el stack?
¿Has integrado Nest con Authjs o NextAuth?
Nos urge un curso de Nest.js.
¿Dónde puedo aprenderlo?
Hice un curso basico hace unos meses, lo dejo por aqui: ruclips.net/video/wsqcg5ZtUMM/видео.html
Como se llama la aplicación que estas utilizando para modelar en este video?, excelente contenido yo también uso lo mismo pero son next directo con vite y react , deberia darle una oportunidad a next, gracias por compartir conocimientos 😁👍
excalidraw
excalidraw
con qué realizas todas tus presentaciones gráficas? alguien sabe que herramienta es la que utiliza en el video?
Hola, Estoy usando esta : ruclips.net/video/KjyBL60uFL0/видео.html
Jajaja yo quiero saber que paquete de iconos estas usando en tu excalidraw?
Primero 🎉
Se viene curso de nestjs avanzando?
donde te mando cv?
Desde que vi los frameworks en techempower, ya no uso nodejs en el backend :c
hola fazt, hace rato te sigo, la primera vez que comento... mi duda con next es si se puede desplegar en cualquier nube (sea aws, donweb, etc)... actualmente tengo un sistema con MERN funcionando en aws con docker y nginx, pero quiero actualizarlo y mudar a otra nube... es posible desplegar apps con next en cualquier VPN?
Hola amigo, si claro el proceso de despliegue es como dejar ejecutando cualquier aplicación de nodejs y puedes subirlo a cualquier VPS, en mi caso por ejemplo uso digitlaoan, aws y Railway y siempre funciona sin problemas cualquier app de nextjs
Que software o herramienta utilizaste para hacer tu presentación
Es excalidraw ruclips.net/video/KjyBL60uFL0/видео.html
Amo JavaScript, aunque ahora en mi trabajo utilizo solo Php y de vez en cuando angular, no quiero dejar mi lenguaje favorito
Que loco yo amo python y en mi trabajo solo uso Javascript xd
Algun día encontraras un trabajo full javascript
Recomendarías estudiar javascript o typescript apuntando a entrar al mercado?
@@StoneCold001 aprende TypeScript
@@StoneCold001 no podes estudiar typescript sin saber javascript. Basicamente es un wrapper de javascript que añade tipado fuerte. Yo te recomiendo mucho que si dsp de entender lo base de javascript queres mejorar tu nivel como programador, estaria muy bueno que aprendieras typescript, al final si no empezaste con un lenguaje como java o c te va aportar un concepto diferente. La verdad yo en todos mis proyectos personales y cuando trabajaba con node, he aplicado typescript, mucho mas limpio y permite mejores practicas que js
php? sos del pasado hermano
Yo uso ese stack pero con Postgres y Prisma
puedes hacer un crud con nextjs y nestjs para todo publicos porfavor con typescript y postgresql
Hace unos dias cree uno: ruclips.net/video/x2vY7gLzeCY/видео.html
y para el despliegue se cambia sqlite por postgresql
@@FaztCode gracias
Desarrollo muchos micro servicios en python, mis bases de datos estan en mysql, pero no tengo un frontend para interarctuar con mis micro servicios, me gustaria tener un dashboard pero no se como o con que mezclarlo, alguna idea? es una app de educacción, calificaciones registro de alumnos y otros microservicios que hace pero todo por separado y nada junto
Hola bro, yo tambien estoy haciendo una app de ese tipo pero con microservicios en nestjs y como frontend nextjs, si gustas podemos conversar y ayudarnos mutuamente en equipo
@@joasperscottanfelizcuevas1431 hola me parece super excelente por que si ando perdido con el frontend soy mas back y procesamiento
como se llama el programa con el que haces esos graficos?
excalidraw
Opinion sobre tRPC?
Lo he usado muy poco, pero probandolo solo lo veo para aplicaciones monolito en nextjs, y comparado a otras opciones como graphql, tiene caracteristicas muy basicas aun
¿Y si cambias Nextjs por Astro?
NextJS para aplicaciones web y Astro para paginas de contenido, son 2 necesidades diferentes.
que "paint" es ese? como se llama?
Es excalidraw ruclips.net/video/KjyBL60uFL0/видео.html
@@FaztCode nunca recibi una respuesta tan rapida... ajajjaj gracias
Junto con tailwind es el stack mern para la gen z 🫣
tailwind es para proyectos pequeños, un mvp o proyectos tuyos, algo mas empresarial es mejor css puro.
Gente busco alguien que sepa hacer baypass al icloud ocupo mi ipad, no puedo jugar ayuda.. 😭
Más bien sería un MERN+ o MERN++
Primero!!! ❤
Oh shit here we go again
Primero
El stack PNNN XD
tercero!
Postgres Adonis Vue Node
NestJS es mucho Boilerplate en mi opinión
Segundo
Siento que el desarrollo web está muy saturado en tecnologías
Creo que seria en desarrolladores
stack NENEP