Que increíble hace dos años este fue mi roadmap que seguí, completamente autodidacta y el año pasado conseguí trabajo. El consejo más valioso es que la mejor forma de crecer es hacer los proyectos. Yo no sabía nada de react y me fui directo a Next.js y ahora entiendo todo.
Aiuudaaa! peleando con nextAuth, utilizo solo comprobación del lado servidor, mediante getServerSession. La sesión trae email e iamgen, pero NO incluye el ID de mi usuario. Sabes como incluirlo en "session"? imagino es un callback en api/auth/[nextauth]/ de session pero no logro que funcione 😢
@@tomich20 en authorize al obtener el pass o la respuesta de la api con eso puedes configurar para manejar el id y de ahí pasarlo a los callbacks hasta llegar al session,
@@tomich20 Tienes que usar el callback de la session, vas a recibir la session y el jwt, este último tiene un atributo llamada sub entonces nada más entiendes la session y le añades el jwt.sub
@@tomich20eso es por temas de seguridad, solo debes extender el tipo Session, User y agregarle el tipo id: string. Busca en la documentación de nexth-auth el archivo next-auth.d.types y ahi te explica como extender la Session
Me encanta como explica este muchacho: súper sencillo, te dice lo que utiliza, por qué, cuál en experiencia es mejor para usar, (si está comenzado) ventajas, desventajas, lo necesario y lo no. Increíble!
aprender javascript ES6 luego react las bases el thinking in components, props, child prop, jsx, el useState crear varios minis proyectos luego con nextjs. Gracias fazt :)
Fazt!, que guia más chula de Next te has currado! que guai! por cierto desde el otro dia que dijiste lo de una api gateway o algo así para comunicar por ejemplo un next con un rapidapi o flask o django con express etc, seria interesante también de ver :)
Muchas gracias Fazt , realmente tú contenido aporta muchísimo a la comunidad y más porque Next Js se está usando bastante , en nuevos proyectos de grandes empresas , cordial saludo
Eres el mejor programador en español de RUclips ... Solo que pon la resolución de pantalla apta para celular... Yo veo tus videos en celular y me lastimo la vista.... Gracias.
Estoy recien comenzando a aprender Next.js, asi que tal vez sea una pregunta estupida: se pueden compartir estados entre componentes server side y componentes client side? por ejemplo, si uso Zustand, puedo consumir sus estados desde cualquier componente de mi app? solo desde los componentes marcados como 'use client'? solo los del server? depende donde lo inicialice? o como es
Queremos nestjs, queremos nestjs, queremos nestjs, queremos nestjs... 😂😅 x2 jajajajajaja, gracias por todo Fazt!! nos motivamos mucho a seguir mejorando
Estimado. Recomiendas mezclar nestjs con nextjs, o simplemente usar vite? recién voy a ver tu video así que desconozco si ya lo mencionaste. De antemano gracias!
fast podrías hacer un video de como hacer una autenticación con google para nest.js ? estaba el uso de firebase, supabase o auth0, pero no me queda muy claro como hacer eso.
Trpc no tiene documentación? Si la tiene solo que está en inglés, me gusta mucho trpc para proyectos grandes que hice, authenticacion incluso, eso sí no hay muchos ejemplos pero su documentación si está completa, talvez lo dices que no hay, es porque no lo hay en español
Ok. Entonces sería HTML5 > CSS3 > JQUERY > PHP! Genial. Muchas gracias! ¿Por qué esas ganas de complicar tanto lo que antes era sencillo? 3857 cosas para hacer lo que se hacia con tan poco. Perdón puristas del JS.
![Blox Fruits Dragon Rework Update [Full Stream]](http://i.ytimg.com/vi/EqDAp8udhm0/mqdefault.jpg)
20% de Descuento en SiteGround ⮕ bit.ly/31u9ZEk
Exporta esa imagen del excalidraw que stá excelent como guía
seria bueno tener esa imagen
Que increíble hace dos años este fue mi roadmap que seguí, completamente autodidacta y el año pasado conseguí trabajo. El consejo más valioso es que la mejor forma de crecer es hacer los proyectos. Yo no sabía nada de react y me fui directo a Next.js y ahora entiendo todo.
Aiuudaaa! peleando con nextAuth, utilizo solo comprobación del lado servidor, mediante getServerSession. La sesión trae email e iamgen, pero NO incluye el ID de mi usuario. Sabes como incluirlo en "session"? imagino es un callback en api/auth/[nextauth]/ de session pero no logro que funcione 😢
@@tomich20 en authorize al obtener el pass o la respuesta de la api con eso puedes configurar para manejar el id y de ahí pasarlo a los callbacks hasta llegar al session,
@@tomich20 Tienes que usar el callback de la session, vas a recibir la session y el jwt, este último tiene un atributo llamada sub entonces nada más entiendes la session y le añades el jwt.sub
@@tomich20eso es por temas de seguridad, solo debes extender el tipo Session, User y agregarle el tipo id: string. Busca en la documentación de nexth-auth el archivo next-auth.d.types y ahi te explica como extender la Session
tienes el link de tus cursos ? eran libres o de paga ??
Me encanta como explica este muchacho: súper sencillo, te dice lo que utiliza, por qué, cuál en experiencia es mejor para usar, (si está comenzado) ventajas, desventajas, lo necesario y lo no. Increíble!
aprender javascript ES6 luego react las bases el thinking in components, props, child prop, jsx, el useState crear varios minis proyectos luego con nextjs. Gracias fazt :)
Queremos nestjs, queremos nestjs, queremos nestjs, queremos nestjs... 😂😅
Justo tengo en mi lista tus videos de Next Js. Espero aprender lo suficiente este año
Me encanta tu forma de explicar y la simplicidad con la que bajas conceptos complejos, felicitaciones!!!
Muchas gracias por el video, quiero empezar con Next.js y no sabía como. Tu video me es muy útil!
Fazt!, que guia más chula de Next te has currado! que guai! por cierto desde el otro dia que dijiste lo de una api gateway o algo así para comunicar por ejemplo un next con un rapidapi o flask o django con express etc, seria interesante también de ver :)
Muchas gracias Fazt , realmente tú contenido aporta muchísimo a la comunidad y más porque Next Js se está usando bastante , en nuevos proyectos de grandes empresas , cordial saludo
Espectacular video, yo me entre a nextjs con tu videos. Genial tener una guia ahora.
muchas gracias por la ruta, fazt
Seria increible que exista un libro con esa información
Podrías hacer un video de web scraping con nextjs14 y puppeter?, gracias por todos tus videos, son de 10/10.
Este canal es todo lo que necesitábamos 🗿
Hola Fazt, podria salir su video explicando como integrar feature-sliced design en un proyecto de Next? 👀
Te felicito por el gran aporte, seria bueno hacer un curso pago de next js 15 con lo nuevo react 19 y hacer un ejemplo hasta el desarrollo
Eres el mejor programador en español de RUclips ... Solo que pon la resolución de pantalla apta para celular... Yo veo tus videos en celular y me lastimo la vista.... Gracias.
Sos enorme fast, te adoro
Muy buena intro! Muchas gracias.
Pregunta que editor estás usando para la explicación?
se llama Excalidraw
contenido diferencial, muy util
Estoy recien comenzando a aprender Next.js, asi que tal vez sea una pregunta estupida: se pueden compartir estados entre componentes server side y componentes client side? por ejemplo, si uso Zustand, puedo consumir sus estados desde cualquier componente de mi app? solo desde los componentes marcados como 'use client'? solo los del server? depende donde lo inicialice? o como es
Queremos nestjs, queremos nestjs, queremos nestjs, queremos nestjs... 😂😅 x2 jajajajajaja, gracias por todo Fazt!! nos motivamos mucho a seguir mejorando
Estimado. Recomiendas mezclar nestjs con nextjs, o simplemente usar vite?
recién voy a ver tu video así que desconozco si ya lo mencionaste.
De antemano gracias!
se le agradece maestro
Soy nuevo Me agrada más usar react con vite , con nest,zod y prisma
fast podrías hacer un video de como hacer una autenticación con google para nest.js ? estaba el uso de firebase, supabase o auth0, pero no me queda muy claro como hacer eso.
Fazt, si next.js se ocupa en su forma estática, solo csr, que routing recomiendas? App o Pages?
Trpc no tiene documentación? Si la tiene solo que está en inglés, me gusta mucho trpc para proyectos grandes que hice, authenticacion incluso, eso sí no hay muchos ejemplos pero su documentación si está completa, talvez lo dices que no hay, es porque no lo hay en español
Soy demasiado junior, odio el testing 😂😂😅 de resto todo ❤❤. Supongo que ya llegará mi momento mi momento con el testing
Ese tema si qué hacía falta
Excelente como siempre fazt. Planes de algún curso de nextjs, un proyecto con authentication y authorization pliss?
he creado hasta el momento varios ejemplos:
ruclips.net/video/iZDK42F2cTc/видео.html
ruclips.net/video/w9l7vUWzw1I/видео.html
@@FaztCode Gracias
@@FaztCode en cuanto tiempo se hace esta ruta de aprendizaje del video ? digamos 2 horas diarias ??
Zustand es brutal, aun que se viene React 19 y llegará el hook use y context.
y los actions?
Cuando saldría next.js 15?
Que aplicacion usas para hacer los dibujos, textos, etc para las explicaciones?
Es esta: ruclips.net/video/KjyBL60uFL0/видео.html
recomiendan usar firebase con nextjs?
graciasss fazt
¿Alguien sabe cómo se llama la plataforma en la que crea estos bocetos? la estoy buscando, pero no la encuentro :/
Creo que usa Excalidraw
Fazt, para Vue js tambien por favor
hola,alguien sabe el nombre de la aplicacion que usa para hacer ese estilo de apuntes
Excalidraw
para observabilidad aplica vercel analytics ?
Si por supuesto
Gracias fazt 👑
Estaria bueno ver una ruta de desarrollo en Astro, Angular o Vue
Buenas Fazt!! Qué aplicación es la que usas en el vídeo para explicar? Está genial
es esta ruclips.net/video/KjyBL60uFL0/видео.html
El Papu
Ruta astro xdd
primero
Ok. Entonces sería HTML5 > CSS3 > JQUERY > PHP! Genial. Muchas gracias! ¿Por qué esas ganas de complicar tanto lo que antes era sencillo? 3857 cosas para hacer lo que se hacia con tan poco. Perdón puristas del JS.
Porque puedes aprender mas cosas por menos tiempo. Solo que no lo estas viendo pero la linea de codigo que te ahorra Next.js son inhumanas.
@Dakh4r Estoy totalmente de acuerdo con vos. Lo puse en forma gruñona de purista.