Nextjs - Ruta de Aprendizaje - Nextjs Roadmap 2024

[@FaztCode]

20% de Descuento en SiteGround ⮕ bit.ly/31u9ZEk

[@victorarangurendev]

Exporta esa imagen del excalidraw que stá excelent como guía

[@sebrival]

seria bueno tener esa imagen

[@soymartiinez]

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.

[@tomich20]

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 😢

[@elasesinocerebral96]

​@@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,

[@emiliosalas6852]

​@@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

[@to-dodesigns]

​@@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

[@admdebases-rudye.p.6773]

tienes el link de tus cursos ? eran libres o de paga ??

[@CesarNava10]

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!

[@The_Caesar6186]

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 :)

[@germaingutierrez2048]

Queremos nestjs, queremos nestjs, queremos nestjs, queremos nestjs... 😂😅

[@jonathandajome690]

Justo tengo en mi lista tus videos de Next Js. Espero aprender lo suficiente este año

[@neumartin]

Me encanta tu forma de explicar y la simplicidad con la que bajas conceptos complejos, felicitaciones!!!

[@SonGoku-pc7jl]

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 :)

[@luisfernandosierra5871]

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

[@ZBROOS]

muchas gracias por la ruta, fazt

[@edummorenolp]

Espectacular video, yo me entre a nextjs con tu videos. Genial tener una guia ahora.

[@zylown9821]

Podrías hacer un video de web scraping con nextjs14 y puppeter?, gracias por todos tus videos, son de 10/10.

[@hazlosipuedes]

Eres el mejor programador en español de KZbin ... Solo que pon la resolución de pantalla apta para celular... Yo veo tus videos en celular y me lastimo la vista.... Gracias.

[@thomas6661]

Sos enorme fast, te adoro

[@christianjaviercedillopala5898]

Este canal es todo lo que necesitábamos 🗿

[@gustavoespinoza451]

Hola Fazt, podria salir su video explicando como integrar feature-sliced design en un proyecto de Next? 👀

[@eduardojimenezprado7154]

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

[@Akidev-04]

Seria increible que exista un libro con esa información

[@aicoh6508]

contenido diferencial, muy util

[@luisaquinoc6548]

se le agradece maestro

[@lean_diaz]

graciasss fazt

[@nahuelsarrode3326]

Muy buena intro! Muchas gracias. Pregunta que editor estás usando para la explicación?

[@CarlosBenjaminDiazPedroza]

se llama Excalidraw

[@abdelkarinhadad7942]

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!

[@jairoandresvizuetepedraza5492]

Queremos nestjs, queremos nestjs, queremos nestjs, queremos nestjs... 😂😅 x2 jajajajajaja, gracias por todo Fazt!! nos motivamos mucho a seguir mejorando

[@lgabrielcor]

Ese tema si qué hacía falta

[@cquirozdev]

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.

[@Deus-lo-Vuilt]

Gracias fazt 👑

[@Martin97perussini]

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

[@classic01128]

Soy nuevo Me agrada más usar react con vite , con nest,zod y prisma

[@claudio-guevara479]

Fazt, si next.js se ocupa en su forma estática, solo csr, que routing recomiendas? App o Pages?

[@germaingutierrez2048]

Soy demasiado junior, odio el testing 😂😂😅 de resto todo ❤❤. Supongo que ya llegará mi momento mi momento con el testing

[@jhoansebastian1358]

Zustand es brutal, aun que se viene React 19 y llegará el hook use y context.

[@Merlo-q1c]

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

Excelente como siempre fazt. Planes de algún curso de nextjs, un proyecto con authentication y authorization pliss?

[@FaztCode]

he creado hasta el momento varios ejemplos: kzbin.info/www/bejne/n4unfGdoe5eWisU kzbin.info/www/bejne/rWrPaKmLjN-qZ6s

@@FaztCode Gracias

[@admdebases-rudye.p.6773]

@@FaztCode en cuanto tiempo se hace esta ruta de aprendizaje del video ? digamos 2 horas diarias ??

[@LeninElio]

Fazt, para Vue js tambien por favor

[@Morpheus_in_Matrix]

Que aplicacion usas para hacer los dibujos, textos, etc para las explicaciones?

[@FaztCode]

Es esta: kzbin.info/www/bejne/gZvcc39sZdp5gpI

[@andrebejarano4932]

recomiendan usar firebase con nextjs?

[@cadena752]

Cuando saldría next.js 15?

[@over9332]

Estaria bueno ver una ruta de desarrollo en Astro, Angular o Vue

[@emmanuel8600]

y los actions?

[@fernanj23]

para observabilidad aplica vercel analytics ?

[@FaztCode]

Si por supuesto

[@DavidIsrael-g5z]

¿Alguien sabe cómo se llama la plataforma en la que crea estos bocetos? la estoy buscando, pero no la encuentro :/

[@guillermonarvay8247]

Creo que usa Excalidraw

[@kevinfuentes5018]

hola,alguien sabe el nombre de la aplicacion que usa para hacer ese estilo de apuntes

[@_ediedi]

Excalidraw

[@luisargandona8761]

Buenas Fazt!! Qué aplicación es la que usas en el vídeo para explicar? Está genial

[@FaztCode]

es esta kzbin.info/www/bejne/gZvcc39sZdp5gpI

[@VanguardSoftwareGroup]

El Papu

[@leonelelizarraraz3004]

Ruta astro xdd

[@XpaGa]

primero

[@elayrodriguez]

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.