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.
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
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
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
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
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
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.
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.
@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
Muchas gracias por compartir el conocimiento 🙌🙌
Hola @davida5403 , muchas gracias a ti por comentar; 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
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
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
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
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
Un genio, me encanta como explicas :D
hola @alixsonb6867, gracias por el comentario, me alegra q te haya gustado, saludos
46:58 aquí solo podrías eliminar "bg-slade-700" y funcionaba "bg-slade-500"
buen video brou
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
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
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.
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