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 TH-cam ... Solo que pon la resolución de pantalla apta para celular... Yo veo tus videos en celular y me lastimo la vista.... Gracias.
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.
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
9 หลายเดือนก่อน
Excelente como siempre fazt. Planes de algún curso de nextjs, un proyecto con authentication y authorization pliss?
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.
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... 😂😅
Muchas gracias por el video, quiero empezar con Next.js y no sabía como. Tu video me es muy útil!
Me encanta tu forma de explicar y la simplicidad con la que bajas conceptos complejos, felicitaciones!!!
Justo tengo en mi lista tus videos de Next Js. Espero aprender lo suficiente este año
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.
Eres el mejor programador en español de TH-cam ... Solo que pon la resolución de pantalla apta para celular... Yo veo tus videos en celular y me lastimo la vista.... Gracias.
muchas gracias por la ruta, fazt
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
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 🗿
Queremos nestjs, queremos nestjs, queremos nestjs, queremos nestjs... 😂😅 x2 jajajajajaja, gracias por todo Fazt!! nos motivamos mucho a seguir mejorando
Sos enorme fast, te adoro
Hola Fazt, podria salir su video explicando como integrar feature-sliced design en un proyecto de Next? 👀
contenido diferencial, muy util
Soy nuevo Me agrada más usar react con vite , con nest,zod y prisma
Muy buena intro! Muchas gracias.
Pregunta que editor estás usando para la explicación?
se llama Excalidraw
Zustand es brutal, aun que se viene React 19 y llegará el hook use y context.
Soy demasiado junior, odio el testing 😂😂😅 de resto todo ❤❤. Supongo que ya llegará mi momento mi momento con el testing
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!
Ese tema si qué hacía falta
se le agradece maestro
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?
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
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:
th-cam.com/video/iZDK42F2cTc/w-d-xo.html
th-cam.com/video/w9l7vUWzw1I/w-d-xo.html
@@FaztCode Gracias
@@FaztCode en cuanto tiempo se hace esta ruta de aprendizaje del video ? digamos 2 horas diarias ??
graciasss fazt
Fazt, para Vue js tambien por favor
Gracias fazt 👑
Que aplicacion usas para hacer los dibujos, textos, etc para las explicaciones?
Es esta: th-cam.com/video/KjyBL60uFL0/w-d-xo.html
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
Cuando saldría next.js 15?
para observabilidad aplica vercel analytics ?
Si por supuesto
recomiendan usar firebase con nextjs?
hola,alguien sabe el nombre de la aplicacion que usa para hacer ese estilo de apuntes
Excalidraw
Estaria bueno ver una ruta de desarrollo en Astro, Angular o Vue
¿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
y los actions?
Buenas Fazt!! Qué aplicación es la que usas en el vídeo para explicar? Está genial
es esta th-cam.com/video/KjyBL60uFL0/w-d-xo.html
Ruta astro xdd
El Papu
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.
primero