Nextjs - Ruta de Aprendizaje - Nextjs Roadmap 2024
ฝัง
- เผยแพร่เมื่อ 13 ต.ค. 2024
- Aprender Nextjs en el 2024, puede ser un reto con la enorme cantidad de recursos y sobre todo versiones que tiene Next hasta el momento, es por eso que en este video les daré una ruta de aprendizaje para que puedan empezar a dominar este framework Frontend y poder desarrollar aplicaciones fullstack en combinación con conceptos de Nodejs, Typescript, y demás paquetes al rededor de React.
20% de Descuento en SiteGround ⮕ bit.ly/31u9ZEk
⭐ 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...
Codecrafters ⮕ app.codecrafte...
🗣 Redes Sociales
Github ⮕ github.com/fazt
Twitter ⮕ / fazttech
Discord ⮕ faztweb.com/so...
Puedes encontrar la lista de tutoriales de Javascript en:
faztweb.com/ne...
#nextjs #javascript #desarrolloweb #reactjs #frontend #webdevelopment
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!!!
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.
Muy buena intro! Muchas gracias.
Pregunta que editor estás usando para la explicación?
se llama Excalidraw
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
Podrías hacer un video de web scraping con nextjs14 y puppeter?, gracias por todos tus videos, son de 10/10.
muchas gracias por la ruta, fazt
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.
Hola Fazt, podria salir su video explicando como integrar feature-sliced design en un proyecto de Next? 👀
Sos enorme fast, te adoro
Seria increible que exista un libro con esa información
Este canal es todo lo que necesitábamos 🗿
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!
contenido diferencial, muy util
se le agradece maestro
Soy nuevo Me agrada más usar react con vite , con nest,zod y prisma
graciasss fazt
Fazt, si next.js se ocupa en su forma estática, solo csr, que routing recomiendas? App o Pages?
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 ??
Zustand es brutal, aun que se viene React 19 y llegará el hook use y context.
Queremos nestjs, queremos nestjs, queremos nestjs, queremos nestjs... 😂😅 x2 jajajajajaja, gracias por todo Fazt!! nos motivamos mucho a seguir mejorando
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
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.
Gracias fazt 👑
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
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
Fazt, para Vue js tambien por favor
Estaria bueno ver una ruta de desarrollo en Astro, Angular o Vue
Que aplicacion usas para hacer los dibujos, textos, etc para las explicaciones?
Es esta: th-cam.com/video/KjyBL60uFL0/w-d-xo.html
Cuando saldría next.js 15?
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
recomiendan usar firebase con nextjs?
y los actions?
para observabilidad aplica vercel analytics ?
Si por supuesto
hola,alguien sabe el nombre de la aplicacion que usa para hacer ese estilo de apuntes
Excalidraw
¿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
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.