- 79
- 23 523
AnjrotDev
Chile
āđāļāđāļēāļĢāđāļ§āļĄāđāļĄāļ·āđāļ 28 āļ.āļ. 2021
Las memorias de un programador plasmadas en videos para que nunca se olviden! ðĪĶ. Se que a todos los pasa, que el cÃģdigo que hacen hoy no lo recuerdan dentro de dos semanas, menos dentro de un mes, no se hagan los locos que saben que es asÃ, por aquà irÃĐ dejando mis memorias de las cosas que me ha tocado hacer mÃĄs de una vez y siempre he tenido que ir a hurgar dentro del cÃģdigo viejo para recordar que fue lo que hice.
Next Js 15 | Tutorial para Principiantes 2025 2da parte
ÂĄAprende Next.js 15: Static y Dynamic Rendering, Streaming, Buscador, PaginaciÃģn y Mutaciones de Datos! ð
En este segundo video de la serie sobre Next.js 15, exploramos en detalle conceptos fundamentales y tÃĐcnicas avanzadas para llevar tus aplicaciones al siguiente nivel:
â Static vs Dynamic Rendering: Aprende las diferencias clave y cuÃĄndo utilizar cada tÃĐcnica para optimizar la experiencia del usuario.
â Streaming: Descubre cÃģmo mejorar la carga progresiva de tus pÃĄginas y reducir los tiempos de espera con esta poderosa tÃĐcnica.
â Buscador y PaginaciÃģn con Search Params: Implementa un sistema dinÃĄmico de bÚsqueda y paginaciÃģn en tus proyectos.
â Mutating Data con Server Actions: Simplifica tus actualizaciones y mutaciones de datos directamente en el servidor aprovechando lo Último de React y Next.js.
Este video es perfecto para desarrolladores que buscan dominar Next.js 15 y sacarle el mÃĄximo provecho a las nuevas funcionalidades del App Directory.
Recursos Útiles:
ð Repositorio del proyecto: github.com/anjrotDev/next-tutorial-youtube
ð Repositorio Backend usado para este proyecto: github.com/anjrotDev/next-dashboard-backend
ð DocumentaciÃģn oficial de Next.js: nextjs.org/docs
Storybook Anjrot Components
ð anjrot-components.vercel.app/?path=%2Fdocs%2Fcomponents-button--docs
Buscas ayuda? Unete a mi servidor de Discord.
discord.gg/csg3Fv6DDg
Despliega tu App BackEnd a DigitalOcean
El siguiente enlace es un enlace de afiliado, lo que significa que si decides realizar una compra a travÃĐs de ÃĐl, puedo recibir una pequeÃąa comisiÃģn sin costo adicional para ti. ÂĄGracias por apoyar al canal! ð
digitalocean.pxf.io/c/4661824/1373760/15890
ðïļ TimeLine ðïļ
00:00 - Intro
00:26 - Upgrade a React 19 Stable
02:34 - ExplicaciÃģn renderizado ÃĐstatico y dinÃĄmico
05:44 - Streaming
09:17 - Uso de Skeleton
14:12 - Armando la pÃĄgina Invoices
20:30 - Buscador | URL Search Params
34:05 - PaginaciÃģn
45:56 - Server Action
En este segundo video de la serie sobre Next.js 15, exploramos en detalle conceptos fundamentales y tÃĐcnicas avanzadas para llevar tus aplicaciones al siguiente nivel:
â Static vs Dynamic Rendering: Aprende las diferencias clave y cuÃĄndo utilizar cada tÃĐcnica para optimizar la experiencia del usuario.
â Streaming: Descubre cÃģmo mejorar la carga progresiva de tus pÃĄginas y reducir los tiempos de espera con esta poderosa tÃĐcnica.
â Buscador y PaginaciÃģn con Search Params: Implementa un sistema dinÃĄmico de bÚsqueda y paginaciÃģn en tus proyectos.
â Mutating Data con Server Actions: Simplifica tus actualizaciones y mutaciones de datos directamente en el servidor aprovechando lo Último de React y Next.js.
Este video es perfecto para desarrolladores que buscan dominar Next.js 15 y sacarle el mÃĄximo provecho a las nuevas funcionalidades del App Directory.
Recursos Útiles:
ð Repositorio del proyecto: github.com/anjrotDev/next-tutorial-youtube
ð Repositorio Backend usado para este proyecto: github.com/anjrotDev/next-dashboard-backend
ð DocumentaciÃģn oficial de Next.js: nextjs.org/docs
Storybook Anjrot Components
ð anjrot-components.vercel.app/?path=%2Fdocs%2Fcomponents-button--docs
Buscas ayuda? Unete a mi servidor de Discord.
discord.gg/csg3Fv6DDg
Despliega tu App BackEnd a DigitalOcean
El siguiente enlace es un enlace de afiliado, lo que significa que si decides realizar una compra a travÃĐs de ÃĐl, puedo recibir una pequeÃąa comisiÃģn sin costo adicional para ti. ÂĄGracias por apoyar al canal! ð
digitalocean.pxf.io/c/4661824/1373760/15890
ðïļ TimeLine ðïļ
00:00 - Intro
00:26 - Upgrade a React 19 Stable
02:34 - ExplicaciÃģn renderizado ÃĐstatico y dinÃĄmico
05:44 - Streaming
09:17 - Uso de Skeleton
14:12 - Armando la pÃĄgina Invoices
20:30 - Buscador | URL Search Params
34:05 - PaginaciÃģn
45:56 - Server Action
āļĄāļļāļĄāļĄāļāļ: 609
āļ§āļĩāļāļĩāđāļ
Next Js 15 | Tutorial para Principiantes 2025 1era parte | Completo en EspaÃąol
āļĄāļļāļĄāļĄāļāļ 3KāļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Explora los Fundamentos de Next.js 15 | Tutorial Completo en EspaÃąol ð En este primer video de nuestra serie sobre Next.js, aprenderÃĄs a dominar los fundamentos esenciales de este poderoso framework de React. Llegaremos hasta el capÃtulo 7 del tutorial oficial de Next js, donde exploraremos el proceso de fetching data (obtener datos) desde APIs externas o fuentes internas. ð ÂŋQuÃĐ aprenderÃĄs en ...
Class Variance Authority (CVA) | Serie de LibrerÃa de Componentes
āļĄāļļāļĄāļĄāļāļ 1453 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Este video es la parte del video 2 de nuestra serie âCÃģmo crear tu librerÃa de componentesâ. En esta secciÃģn, exploramos Class Variance Authority (CVA), una herramienta poderosa para gestionar la variaciÃģn de estilos en Tailwind CSS y que facilita la creaciÃģn de componentes altamente configurables y consistentes. Con CVA, puedes manejar variantes y estados de tus componentes de manera clara y e...
CÃģmo Optimizar tus Clases de Tailwind CSS con Tailwind Merge | Serie de LibrerÃa de Componentes
āļĄāļļāļĄāļĄāļāļ 5873 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Este video es parte del video 2 de nuestra serie âCÃģmo crear tu librerÃa de componentesâ. Aquà exploramos Tailwind Merge, una herramienta esencial para desarrolladores que usan Tailwind CSS y buscan simplificar la gestiÃģn de estilos en sus proyectos. Con Tailwind Merge, puedes combinar y limpiar clases de Tailwind de manera efectiva, evitando conflictos y garantizando que solo los estilos neces...
REST API Node Js, Typescript, MongoDb | Deploy de la AplicaciÃģn | 4ta parte
āļĄāļļāļĄāļĄāļāļ 7163 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
En este video, les muestro el proceso completo de despliegue de una API creada con Node.js y TypeScript en la App Platform de DigitalOcean. AprenderÃĄs cÃģmo preparar tu aplicaciÃģn, construirla correctamente y llevarla a producciÃģn de manera eficiente. Repositorio del proyecto github.com/anjrotDev/user-service-API ðïļ TimeLine ðïļ 00:00 - Intro REST API Node Js, Typescript, MongoDb. 00:22 - Configu...
REST API Node Js, Typescript, MongoDb | Sistema de Roles y Permisos | 3ra parte
āļĄāļļāļĄāļĄāļāļ 9534 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
En este video, te mostramos cÃģmo implementar un sistema de roles y permisos utilizando Node.js, TypeScript, y MongoDB. Aprende a manejar mÚltiples roles de usuario, permisos dinÃĄmicos, y cÃģmo asegurar tus rutas con un middleware de autenticaciÃģn. Ideal para desarrolladores que buscan implementar control de acceso en sus aplicaciones web. ÂĄNo te lo pierdas! Repo del proyecto: github.com/anjrotDe...
REST API Node Js, Typescript, MongoDb | Crud de Roles, Registro y Login. 2da Parte
āļĄāļļāļĄāļĄāļāļ 1.3K4 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
En esta segunda parte de nuestra serie, creamos un CRUD de roles e implementamos la autenticaciÃģn de usuarios y el registro en nuestra API REST usando Node.js, TypeScript, y MongoDB. AprenderÃĄs a encriptar contraseÃąas con bcrypt, generar tokens con JWT para autenticaciÃģn, y manejar un CRUD completo. ðïļ TimeLine ðïļ 00:00 - Intro REST API Node Js, Typescript, MongoDb. 00:19 - CreaciÃģn CRUD de Rol...
REST API Node Js, Typescript, MongoDb | Creando un Servicio de Usuarios. 1era Parte
āļĄāļļāļĄāļĄāļāļ 2.7K4 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
En este video, aprenderÃĄs paso a paso cÃģmo implementar un CRUD completo usando Node.js, Express, TypeScript y MongoDB. Desde la configuraciÃģn inicial del proyecto hasta la conexiÃģn con MongoDB y la creaciÃģn de modelos con Mongoose, realizaremos un enfoque prÃĄctico para crear y manejar operaciones CRUD (Crear, Leer, Actualizar y Eliminar). Ideal si buscas dominar la interacciÃģn con bases de dato...
Typescript Generics | Aprende a como usar los Tipos GenÃĐricos en Typescript
āļĄāļļāļĄāļĄāļāļ 3745 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
En este video te muestro como puedes utilizar los tipos GenÃĐricos en Typescript para que puedas crear cÃģdigo mÃĄs flexible y reutilizable. VerÃĄs desde como crear funciones genÃĐricas hasta la realizaciÃģn de un ejemplo funcional usando los Generics Types ð Lo que aprenderÃĄs en este video: - QuÃĐ son los genÃĐricos en TypeScript y cÃģmo funcionan. - CÃģmo crear funciones genÃĐricas que pueden trabajar c...
Tutorial de Discord.js: Construye un Bot de Bienvenida con Node.js y TypeScript
āļĄāļļāļĄāļĄāļāļ 1985 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Tutorial de Discord.js: Construye un Bot de Bienvenida con Node.js y TypeScript En este tutorial completo de Discord.js, aprenderÃĄs cÃģmo construir un bot de bienvenida para Discord usando Node.js y TypeScript. Veremos cada paso del proceso, desde la configuraciÃģn del entorno de desarrollo hasta la creaciÃģn de imÃĄgenes personalizadas para dar la bienvenida a los nuevos miembros de tu servidor. Âŋ...
React Typescript: LibrerÃa de Componentes. CI/CD | Semantic Release | Despliegue AutomÃĄtico | EP-4
āļĄāļļāļĄāļĄāļāļ 4995 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Como Crear tu propia Libreria de Componentes para React | Deploy Con este video finalizamos esta serie donde aprendimos a como crear nuestra librerÃa de componentes para React. Aquà aprenderemos a desplegar la librerÃa de manera automÃĄtica a NPM con Semantic Release cuando realizamos un push a Github. TambiÃĐn veremos como desplegar el Storybook a Vercel y por ultimo les enseÃąarÃĐ como podrÃĄn col...
React Typescript: LibrerÃa de Componentes. Storybook - EP-3
āļĄāļļāļĄāļĄāļāļ 6136 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Como Crear tu propia Libreria de Componentes Basada en Tailwind. En este video estaremos aprendiendo a utilizar Storybook, crearemos nuestros 3 componentes finales que serÃĄn los que publicaremos a NPM y estaremos probandolos en una aplicaciÃģn Next Js. AdemÃĄs estaremos aprendiendo a crear Componentes PolimÃģrficos los cuales nos van a permitir cambiar la estructura de un elemento HTML pasandolas ...
React Typescript: LibrerÃa de Componentes. tailwind-merge | CLSX | Class Variance Authority - EP-2
āļĄāļļāļĄāļĄāļāļ 4956 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
En este segundo video de la serie de Como crear una librerÃa de componentes con React, vemos la manera de realizar Componentes reutilizables usando los paquetes de Tailwind Merge, CLSX y CVA, los cuales nos van a ayudar a personalizar los componentes como lo hacen las grandes librerias Repositorio proyecto terminado: github.com/anjrotDev/anjrot-components Repositoria aplicaciÃģn Next js para pro...
React Typescript: Como Crear tu propia librerÃa de Componentes. EP-1
āļĄāļļāļĄāļĄāļāļ 3.5K6 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
React Typescript: Como Crear tu propia librerÃa de Componentes. En esta nueva serie de videos, te enseÃąo como crear tu propia librerÃa de componentes para React en base a Tailwind CSS usando: ViteJs | Para el empaquetado Tailwind Typescript Storybook Repositorio proyecto terminado: github.com/anjrotDev/anjrot-components Repositoria aplicaciÃģn Next js para probar la librerÃa: github.com/anjrotDe...
Next JS 14: Tutorial Movies App 4ta parte
āļĄāļļāļĄāļĄāļāļ 21211 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Cuarta parte del tutorial NEXT JS 14 Movies App | API Fetch Link a la tercera parte ð th-cam.com/video/l5l_VNNDSQI/w-d-xo.html Reposistorio del proyecto ð github.com/anjrotDev/movies-app-next-js En este video estaremos finalizando nuestra aplicaciÃģn, crearemos la vista del detalle de la pelÃcula y crearemos la paginaciÃģn de la aplicaciÃģn. Link a The Movie Database ð www.themoviedb.org ðïļ TimeLi...
Next JS 14: Tutorial Movies App 3era parte API Fetch
āļĄāļļāļĄāļĄāļāļ 451āļāļĩāļāļĩāđāđāļĨāđāļ§
Next JS 14: Tutorial Movies App 3era parte API Fetch
Client Side Rendering vs Server Side Rendering: Explicado con Ejemplos
āļĄāļļāļĄāļĄāļāļ 158āļāļĩāļāļĩāđāđāļĨāđāļ§
Client Side Rendering vs Server Side Rendering: Explicado con Ejemplos
Next JS 14: Tutorial Movies App 2da parte
āļĄāļļāļĄāļĄāļāļ 289āļāļĩāļāļĩāđāđāļĨāđāļ§
Next JS 14: Tutorial Movies App 2da parte
Next JS 14: Tutorial Movies App 1era parte
āļĄāļļāļĄāļĄāļāļ 739āļāļĩāļāļĩāđāđāļĨāđāļ§
Next JS 14: Tutorial Movies App 1era parte
Next Js 14 | Dark Mode con Next UI y next-theme
āļĄāļļāļĄāļĄāļāļ 1KāļāļĩāļāļĩāđāđāļĨāđāļ§
Next Js 14 | Dark Mode con Next UI y next-theme
Typescript: Como tipar Objetos #shorts
āļĄāļļāļĄāļĄāļāļ 68āļāļĩāļāļĩāđāđāļĨāđāļ§
Typescript: Como tipar Objetos #shorts
39.-Boilertplates Node Js, (SecciÃģn 6 Complementos), Realizando el deploy y fin de la App :)
āļĄāļļāļĄāļĄāļāļ 513 āļāļĩāļāļĩāđāđāļĨāđāļ§
39.-Boilertplates Node Js, (SecciÃģn 6 Complementos), Realizando el deploy y fin de la App :)
38.-Boilertplates Node Js, (SecciÃģn 6 Complementos), Preparando la app para hacer deploy.
āļĄāļļāļĄāļĄāļāļ 253 āļāļĩāļāļĩāđāđāļĨāđāļ§
38.-Boilertplates Node Js, (SecciÃģn 6 Complementos), Preparando la app para hacer deploy.
37.-Boilertplates Node Js, (SecciÃģn 6 Complementos), Script Seed:db, Segunda parte.
āļĄāļļāļĄāļĄāļāļ 363 āļāļĩāļāļĩāđāđāļĨāđāļ§
37.-Boilertplates Node Js, (SecciÃģn 6 Complementos), Script Seed:db, Segunda parte.
36.-Boilertplates Node Js, (SecciÃģn 6 Complementos), Script Seed:db, Primera parte.
āļĄāļļāļĄāļĄāļāļ 553 āļāļĩāļāļĩāđāđāļĨāđāļ§
36.-Boilertplates Node Js, (SecciÃģn 6 Complementos), Script Seed:db, Primera parte.
35.-Boilertplates Node Js, (SecciÃģn 6 Complementos), Documentando funciones
āļĄāļļāļĄāļĄāļāļ 233 āļāļĩāļāļĩāđāđāļĨāđāļ§
35.-Boilertplates Node Js, (SecciÃģn 6 Complementos), Documentando funciones
34.-Boilertplates Node Js, (SecciÃģn 6 Complementos), Creando variables de entorno
āļĄāļļāļĄāļĄāļāļ 243 āļāļĩāļāļĩāđāđāļĨāđāļ§
34.-Boilertplates Node Js, (SecciÃģn 6 Complementos), Creando variables de entorno
33.-Boilertplates Node Js, (SecciÃģn 5 Ecommerce Simple), Terminando el usuario Owner
āļĄāļļāļĄāļĄāļāļ 273 āļāļĩāļāļĩāđāđāļĨāđāļ§
33.-Boilertplates Node Js, (SecciÃģn 5 Ecommerce Simple), Terminando el usuario Owner
32.-Boilertplates Node Js, (SecciÃģn 5 Ecommerce Simple), Usuario Owner
āļĄāļļāļĄāļĄāļāļ 333 āļāļĩāļāļĩāđāđāļĨāđāļ§
32.-Boilertplates Node Js, (SecciÃģn 5 Ecommerce Simple), Usuario Owner
31.-Boilertplates Node Js, (SecciÃģn 5 Ecommerce Simple), Creando permisos por usuarios.
āļĄāļļāļĄāļĄāļāļ 323 āļāļĩāļāļĩāđāđāļĨāđāļ§
31.-Boilertplates Node Js, (SecciÃģn 5 Ecommerce Simple), Creando permisos por usuarios.
Hermano! Un golaso el video. Super entendible, no vas a las corridas, buena pedagogÃa, buenas prÃĄcticas. Te felicito, me suscribo y a por los demÃĄs videos. Saludos desde Argentina papÃĄ!
Hola @valentinrigoni4991, gracias por tu comentario, me alegra mucho poder ayudar, Saludos
Hola saludos! Este tambiÃĐn ha estado genial, voy para la 3ra parte, gracias por el aporte. ðŠ
Hola @moisescastillo8404, muchas gracias por tu comentario, que bueno que estes a full aprendiendo, cualquier consulta o duda que tengas por Discord te puedo ayudar discord.gg/u4NuhCyZ, Saludos
Hola, saludos. Estuvo super interesante, bastante claro, preciso y directo al punto. voy a ir por los otros de la serie! ðŠ
Hola @moisescastillo8404 , gracias por tu comentario, me alegra poder ayudar, no olvides compartir, saludos
Excelente video, estaria bueno un video explicando como configurar y utilizar la libreria zod para formularios
Hola @martinmolina6611, gracias por el comentario, ya van varias personas que me piden un video de zod, esta en los pendientes. Recuerda compartir, saludos
Muy buen video compa
Hola @404-not-found-service gracias por tu comentario, saludos
Muchas gracias
Hola @davida5403, me alegra poder ayudar, gracias a ti por tu comentario, saludos
Muchas gracias por compartir el conocimiento ðð
Hola @davida5403 , muchas gracias a ti por comentar; saludos
Gracias por el tutorial esta muy bueno. podrias hacer un curso de tailwindcss cons nestjs para ver todas esas configuraciones.?
Hola @jensysantana8663, gracias por comentar, si estoy pensando en realizar un tutorial solo de tailwind, enciende las notificaciones para que te enteres del nuevo contenido y comparte, Saludos
Excelente video, muy bien explicadoðŊ
Hola @Brian-ct7np gracias por tu comentario, saludos
El tutorial estÃĄ perfecto, buen video. Pero tengo 2 dudas, lo que pasa es que recien estoy iniciando en todo esto de la programaciÃģn y mi entorno de VSC no hace el autompletado como acÃĄ en el video, veo que el el minuto 4:30 hace una epecie de predicciÃģn al momento de escribir, ademÃĄs cuando editas una palabra, tambien se edita la otra palabra que que es igual. Si me podrÃas ayudar con eso, estarÃa genial. Bendiciones...
Hola @ivandiaz3253, gracias por tu comentario, eso que viste allà es una extensiÃģn de Visual Studio Code llama REactjs code snippets, entra al marketplace de vscode y bajala, con esa al escribir cosas como "rsc" te sale el snippet de un componente armado. Cualquier cosa en las noches despues de las 8 hora Chile, metete en este servidor de Discord discord.gg/JgrnCm8m y te ayudo con lo que necesites. saludos
Oe, muchas gracias. Que dedicaciÃģn para permitirnos ver los errores comunes en lugar de hacerlo ya corregido, asà se aprende mucho mÃĄs. Excelente tutorial.
Hola @ElObredor, Gracias por tu comentario, me alegra poder ayudar. Saludos
Muy bueno tu curso, me estÃĄ gustando mucho
Hola @mauro_caetano9436, gracias por tu comentario, me alegra poder ayudar. Saludos
Tengo que aprender a crear librerias de componentes por mi trabajo y este video cayÃģ como anillo al dedo, excelente explicaciÃģn. Muchas gracias!! ð
Hola @Valen_rg, me alegra haber podido ayudar. saludos
Hice clone del proyecto y laza ese error. Al parecer es por la paginacion "forwardRef render functions accept exactly two parameters: props and ref. Did you forget to use the ref parameter?"
Hola @fabianramos198, en efecto eso comenzÃģ a pasar cuando hice la actualizaciÃģn del la librerÃa para que trabajara con React 19, ahora la funciÃģn forwardRef tiene una leve variaciÃģn en su forma de usarla, en lo que tenga un chance hago el fix para que no te salga mÃĄs ese error. Saludos
46:58 aquà solo podrÃas eliminar "bg-slade-700" y funcionaba "bg-slade-500" buen video brou <3
Hola @alonszn, gracias por tu comentario, no entendà muy bien lo que dices, el bg-slate-500 lo queremos solo para dejar activo donde estamos parados, si borramos el bg-slate-700 y dejamos el 500 los 3 links quedarÃan con el color mÃĄs claro y no estarÃan haciendo el active que es lo que querÃa mostrar, dime si eso explica porque lo hice o si fue que no entendà la que me quisiste decir ðĪĶ. una vez mas gracias por tu comentario y por tus sugerencias. Saludos
@@anjrotdev un operador ternario para saber que clase poner en cada link lo solucionaria, quizas demasiado instalar un package de npm solo para hacer ese merge? (igual hasta ahora el tutorial esta chevere)
Hola @santiagorosero4652, para este caso tienes toda la razÃģn pero quise explicar el porque lo usan ya que en el tutorial de nextjs usan ese paquete, pero si, con un operador ternario solventariamos esa parte, de todas formas si te da curiosidad de saber porque usar Tailwind Merge, te dejo este video que hice hace un tiempo explicandolo th-cam.com/video/-kOXMtJ28iM/w-d-xo.html, Saludos
ÂĄQue crack! Vaya aporte de informaciÃģn y conocimientos a la comunidad. ÂĄEnhorabuena! y gracias por tanto.
Hola, gracias por tu comentario, me alegra poder ayudar, saludos
doc tops ahora es programador
estoy en el min 7 me pregunto, de que paÃs de LATAM es la persona que habla? 2do como hace para que te aparezcan esos pequeÃąos iconos que identifican el archivo
Hola @Rapha_Carpio, gracias por el comentario, soy de Vzla viviendo desde hace tiempo ya en Chile, y lo de los iconos es una extensiÃģn de VSCode llamada Meterial Icon Theme, instalala y tendrÃĄs los iconos, saludos
@@anjrotdev lo imagine que eras vzlano, gracias mi pana ese acento de los nuestros se identifica. Sigue asi muy bueno tu video, veo que hace 3 aÃąos empezaste a darle, creo que lo que te estÃĄ dando resultado son los videos largos y con muchos detalles e informacion.
@Rapha_Carpio no bueno empecÃĐ en pandemia a darle, pero por proyectos personales y trabajo dejÃĐ de subir videos, este aÃąo fue que empecÃĐ a retomar esto de los videos y es mÃĄs porque llevo mÃĄs de un aÃąo dando mentorÃas y se me hace full fÃĄcil mandar a la gente que vean el video primero antes de empezarles a explicar, y resultÃģ que a mucha gente le ha gustado mi manera de explicar, eso tambiÃĐn hace que den ganas de seguir creando contenido.
@@anjrotdev como se hace para ponerse en contacto contigo 1-1
@Rapha_Carpio por Discord, en las noches casi siempre estoy conectado por las noches allà discord.gg/csg3Fv6DDg unete a ese servidor que estoy armando para la comunidad. Saludos
Excelente video mi pana, te felicito, soy de poco de dejar comentario pero te lo mereces, sigue asÃ, no decaiga en seguir realizando videos, ayudas un montÃģn espero que todo te salga bien, aquà tienes un nuevo suscriptor y por claro que te llevas tu like, sigue adelante
Hola @josevalerio1430, gracias por el comentario, en realidad estos comentarios hacen que den ganas de seguir creando contenido, a veces me da como el sindrome del impostor porque creo que estoy hablando mucha paja en los videos jejej, pero al parecer ha gustado la manera como explico, saludos.
@@anjrotdev No pares bolas mi hermanito, todos sufrimos de eso, llevo a#os tratando de aprender y aquà estoy, dÃĄndole una y otra vez, no importa lo que diga la gente, nÚtrete de los que te apoyan, lo demÃĄs tiralo a la basura, en ese mundo Heather es lo que mas hay, criticas constructivas? se aceptan TODAS, pero la envidia nunca, sigue en lo tuyo que se nota lo que sabes, no como yo que todavÃa ando dando vuelta mas que un ventilador, jajajajaja, Saludos Manito Sigue asÃ
@josevalerio1430 muchas gracia por tus palabras hermano, sigue practicando que llega un momento que ya con lo que sabes empiezas a armar proyectos y a conseguir pega fÃĄcil, gracias por el apoyo y los buenos deseos. Saludos manito
Extraordinaria explicaciÃģn de contenidos de Next.js y procedimientos personales de establecer acciones en Next.js. Muy agradecido por tu esfuerzo y desde hace tiempo seguidor incondicional. Gracias, un saludo. Felices fiestas.
Hola @rroblesgo, gracias por el comentario y el apoyo, se aprecia muchisimo, saludos
Que grande...
Hola @henrymosqueradev, gracias por comentar. Saludos
Por favor has zoom del cÃģdigo ya que casi no se ve, una lÃĄstima, gracias igual.
Hola @Ariel_Fernandez, gracias por tu feedback, tomarÃĐ eso en cuenta para mis prÃģximos videos, muchas gracias por comentar
El mejor video, gracias por tu tiempo.
Hola @henrymosqueradev, gracias por comentar, me alegra que te haya gustado. saludos
Un genio, me encanta como explicas :D <3
hola @alixsonb6867, gracias por el comentario, me alegra q te haya gustado, saludos
Podrias agregar un middleware para el manejo de errores y evitar los try catch, seria bastante interesante. Tambien creo que al extender del schema de mongoose pierdes completamente el objetivo inicial de los repositorios que es poder cambiar de base datos sin afectar tu codigo. En este caso tendrias que estar modificando los types si cambias a otra bd. Mejoraria un par de cositas mas pero excelentes videos. Te felicito
Hola @Abundancia520, muchas gracias por tu comentario, lo tomarÃĐ en cuenta para prÃģximos videos, muchas gracias por tu consejo vale bastante para seguir montando contenido. Saludos
Excelente curso mi pana, felicidades. Espero con gusto la 2da parte! Muchas gracias, una brazo a la distancia.
Hola @oscargarcia53, gracias por el apoyo, me alegra poder ayudar, un abrazo igual, saludos
Hola, me agrado mucho que exista un tutorial de versiÃģn reciente ya que quiero aprender, pero he tenido problemas solo con crear el proyecto, ejecutar el comando npm run dev, me sale que tengo un error, pero no he modificado nada entonces, esto es lo que me sale: - A server/client branch `if (typeof window !== 'undefined')`. - Variable input such as `Date.now()` or `Math.random()` which changes each time it's called. - Date formatting in a user's locale which doesn't match the server. - External changing data without sending a snapshot of it along with the HTML. - Invalid HTML tag nesting. It can also happen if the client has a browser extension installed which messes with the HTML before React loaded. Ayudame por favor.
Hola @ernestojairguerrerotandazo1820, gracias por tu comentario, la verdad va a ser bastante complicado ayudarte por aquÃ, si quieres Únete a este servidor de Discord discord.gg/7UJqUPr3fw, yo casi todas los noches despuÃĐs de la pega estoy conectado allà y asà podrÃa ayudarte, espero puedas solucionar para que sigas aprendiendo, saludos.
Justo lo que necesitaba, estoy trabajando con React puro, pero para mis prÃģximos proyectos quiero usar next, me negaba pero busquÃĐ y encontrÃĐ este tutorial reciÃĐn publicado. Gracias lo explica muy bien y la parte de los server components y como consumir apis me quedÃģ mas que claro, asà como todo lo demÃĄs. OjalÃĄ puedas publicar la prÃģxima parte pronto. Gracias.
hola @rafael.parada, gracias por tu comentario, me alegra poder ayudar, la segunda parte ya le he ido grabando de a poco espero publicarla este proximo domingo 15/12, activa la campana para que youtube te avise cuando la monte y comparte, Saludos
Midudev tiene un tutorial parecido a este yo te recomiendo ver los dos Este estÃĄ excelente y el otro tambiÃĐn el otro estÃĄ un poco mÃĄs cercano al curso de next is que hablan ellos y aquà el hace modificaciones
ÂĄQuÃĐ buen video! Siempre me ha intrigado cÃģmo Next.js mejora el rendimiento de las aplicaciones. ÂŋAlguien mÃĄs ha tenido problemas con SSR? ðĪ Estoy aprendiendo en CodigoHeroe y me encanta que todo sea en espaÃąol ðððŧ.
Excelente video , la verdad me cuesta ts, pero ver este tipos de video ayuda mucho, se que ahi un monton de cosas por aprender, espero puedas profundizar con un curso de 0000 de ts. Se esta volviendo un canal que entro a YT para ver si hay algo nuevo, sigue asi.
Hola @ariel18012, gracias por tu comentario, eso incentiva a seguir creando contenido, muchas gracias. âšïļ
Pedaso de video, la claridad como maneja los conocimientos se agradece, pero me falta un monto para terminar de entender ya me mareo, admiro esa sapienza, ya me suscribo, sigue asi.
Hola @ariel18012, gracias por el comentario, sigue estudiando y practicando una vez empiezas a dominarlo se te va a hacer todo mÃĄs fÃĄcil. Saludos
SÚper bien explicado! Muchas gracias, es el Único video sobre CVA que hay en espaÃąol. Te agradecerÃa mucho otro video sobre el tema explicÃĄndolo mÃĄs en profundidad!
Hola @cristiandavidcerpadiaz6141, gracias por el comentario, si tendrÃĐ en cuenta tu sugerencia. saludos
Excelente, podrÃas hacer uno sobre manejo de errores?
Hola @derlisruizdiaz, gracias por el comentario, sigue viendo la serie, en los siguientes hay manejo de errores para las respuestas de los endpoints, espero te sirvan de mucha ayuda, saludos.
Wtf amigo, ese componente tiene una escalabilidad tan profesional; definitivamente lo implementarÃĐ en las prÃģximas horas, me gustan que no eres nada amateur ðĪ
Hola @maicolaviles714, gracias por tu comentario. Saludos
Buen vÃdeo. SÚper Útil!
Hola @idistopy, gracias por el comentario. saludos
buen inicio de serie. por cierto me gusto mucho tu serie de creacion de api rest con node.js se ve le pusiste mucho esfuerzo eres un gran creador de contenido Feliciciones ðð
Hola @codewithandres muchas gracias por tu comentario, me alegra que te hayan gustado mis videos ð. Saludos
Ya comprendo cada vez mÃĄs TS, el siguiente paso es entender bien los genÃĐricos y durante el desarrollo saber cuÃĄndo puedo aplicarlos. Y tambiÃĐn poder entender cÃģdigo que tengo que leer, gran aporte. Muchas gracias
Hola @alexzamora9843 gracias por el comentario, si al principio cuesta un poco entenderlos, pero luego que le agarras la jugada vas a lograr hacer muchas cosas pro. Saludos
Excelente video. Como sugerencia, recomiendo utilizar el paquete tsx. Este paquete simplifica el proceso de compilaciÃģn y facilita la gestiÃģn de rutas personalizadas en TypeScript.
Hola @mayerchaves4267, Gracias por la sugerencia, tienes mucha razÃģn. tsx es excelente para simplificar el proceso de desarrollo, suplantando a ts-node, ya que evita la necesidad de usar herramientas como tsconfig-paths para registrar los alias. En esta ocasiÃģn, optÃĐ por usar ts-node con tsconfig-paths para tener un contexto al momento de explicar cÃģmo registrar estos alias cuando compilamos para producciÃģn con tsc usando module-alias. Definitivamente considerarÃĐ tsx para futuras implementaciones en los prÃģximos tutoriales.
Que buena perrito!
Gracias hermano, recomienda el video ð
Muy buena la explicacion ð
Hola @victoralmada6899, me alegra poder ayudar. Saludos
@@anjrotdev Se viene luego videos del front?
Si se viene una serie Front con Next js 14@latest
Muy buen curso
hola @isaacanco5179, gracias por el comentario. ð
Siii sii!.jpg
Type Promise, pero no manejas las promesas
jejej esto ya parece un chat, si quieres encontremonos en discord y allà me explicas como tu manejas las promesas en proyectos como este. discord.gg/cZQcxNyf
@@anjrotdev Yo no soy el que ha puesto tipos Promise
userSerices, rolesServices. No te chirrÃa?
Hola de nuevo, en realidad son nombres de archivos y variables, tu los puedes manejar y nombrar de maneras diferentes segÚn tu criterio, de hecho he estado en proyectos donde manejan todos los servicios y repositorios en un solo archivo, pero yo prefiero manejarlos todos aparte.
@@anjrotdev Pero estÃĄ mal nombrado y es incongruente
DeberÃa llamarse Rol, no Roles
No estÃĄ retornando la resoluciÃģn o fallo de la promesa
Hola @mikehurtado4772 gracias por tu comentario, revisa el video 2 de esta serie donde armo los controladores, allà hago el manejo simple de los errores con los retornos correspondientes. Saludos. th-cam.com/video/jMNzE_QCrd8/w-d-xo.html
@@anjrotdev Asà harÃĐ
Buena implementaciÃģn. Suscrito
Hola @pasanflo gracias por tu comentario. Saludos
Me parece bastante interesante estos mÃĐtodos que se crean en el schema de Mongoose, no tenia idea de que se podÃan hacer. Solia hacer esto del hash y excluir la contraseÃąa dentro del mismo controlador. Muchas gracias por el aporte.
Hola @mayerchaves4267, gracias por tu comentario, me alegra poder aportar conocimiento. Saludos
Muy buen contenido, gracias por compartir tus conocimientos.
Hola @danielloveradamian7120 gracias por tu comentario. saludos
Muy buen trabajo!
Hola @boregxrd Gracias por tu comentario.