📚 Curso de Next.js 13 desde cero

Поділитися
Вставка
  • Опубліковано 9 лис 2024

КОМЕНТАРІ • 350

  • @midulive
    @midulive  2 роки тому +39

    ¡No te pierdas mis directos en Twitch!
    ▸ twitch.tv/midudev

    • @johanmunoz7692
      @johanmunoz7692 2 роки тому +1

      Hola midu no se si sepas de el framework de Qwik me gustaría que dieras una opinión sobre el. Por cierto excelente video una gran explicación de por parte del mejor programador de twitch

    • @eloi3515
      @eloi3515 Рік тому

      Midu no entendí porque el layout de los posts no está enlazado y es como el padre?

    • @midulive
      @midulive  Рік тому

      @@eloi3515 Porque así es la convención de rutas de Next.

    • @eloi3515
      @eloi3515 Рік тому +1

      @@midulive A ya lo he entendido gracias, pero porque si pongo yes a no se que rotes que dice recomendado cuando creas un proyecto no hay api pero si digo no si hay? No se si me explico

    • @queen420nft
      @queen420nft Рік тому

      Hola @midu, hiciste repositorio de este codigo?

  • @moonslidme7792
    @moonslidme7792 2 роки тому +115

    Justo cuando buscaba un curso de nextjs traes esta joyita midu, no hay palabras para agradecer tu aporte a la comunidad. Grande siempre

    • @midulive
      @midulive  2 роки тому +11

      A disfrutarlo a tope y compartirloooooo! 🥹

  • @neyk
    @neyk 2 роки тому +16

    lo de las rutas por carpetas me parece magnifico, es una manera de obligar a que todo este ordenado y leible

  • @gose03
    @gose03 Рік тому +1

    hola, quiero extenderte mis mas sincero agradecimiento por lo que haces no solo por la calidad del contenido sino tambien por la capacidad que se evidencia para que el este se logre entender lo cual es bastante complejo y que denoto tiene componentes pedagogicos. Sr, muchas gracias, mis mejores deseos para ti. 👍

  • @Geiner-EJ
    @Geiner-EJ 2 роки тому +17

    Llevo estudiando Ingenieria en Sistemas 2 años ya voy por la mitada de la carrera y trato de aprender bastante de forma autodidacta lo que no veo en la Uni, tus videos y cursos son de una ayuda y motivacion increible, prometo que de aqui dentro de algunos años espero no muchos jaja, cuando sea un gran desarrollado ( o eso espero 😅) te voy a pagar de alguna forma, 🤚4/11/2022, un abrazo desde Costa Rica 💙

    • @midulive
      @midulive  2 роки тому +1

      Muchas gracias, Geiner! Un abrazo y mucha suerte!!!

    • @andres03ortega
      @andres03ortega 4 місяці тому

      Ya casi han pasado 2 años. ¿Cómo lo llevas?

  • @Edugoyo
    @Edugoyo Рік тому

    Empezé varios tutoriales de next.js en youtube y descarte varios hasta ver el tuyo. Gran aporte !!

  • @joseantonioapariciogallego5620

    Joder, menudo cachondeo, uno se acaba de aprender como se hace en react normalmente y ahora me vienen con estas
    que graciosos

  • @franciscomolina-dev
    @franciscomolina-dev Рік тому

    Gracias, Midu. No te habia metido mano a NextJs y ahora me llamo la atencion como loco!. Siento que todo es más rapido.

  • @sissyyayle0517
    @sissyyayle0517 11 місяців тому

    Le he tenido ganas de ver este curso, y gasta ahorita que lo haré antes de ver el de Next.js 14. Estoy creando una web app con Node, React, redux y realmente quiero hacer un cambio. Después de mirarme estos videos, intentaré migrar mi proyecto Next. Además que quiero empaparme más de TypeScript y estar un poco más a la vanguardia de esta carrera. Se que todo esto que acabo de escribir no es relevante, mas que solo agradecerte por tus aportes enormes a la comunidad. Muchos de nosotros aprendemos a pasos enormes gracias a tu contenido. Saludos!!

  • @CasiMaduro
    @CasiMaduro 2 роки тому +116

    Midu es mi pastor, nada me faltará

  • @elliotgaramendi
    @elliotgaramendi Рік тому

    Muchas gracias, me hice un proyecto profesional con el video, chatGPT y documentación. Grande!!!

  • @maximilianoacuna3488
    @maximilianoacuna3488 Рік тому +3

    Hola midu, quería agradecerte por todo el esfuerzo que haz hecho hasta ahora, tus videos son realmente de lo mejor que tiene el habla hispana, gracias por hacer esto por nosotros, a ayudarnos y crecer, eres un buen maestro, pero más importante aún, era un buen ser humano, te deseo lo mejor, sigue así por mucho tiempo más!!

  • @christiandavidvalenzuelago7437

    Midu, son las 12 de la noche aqui en Guatemala, y me sentía super saturado de información por que venía de React, y ahora con la nueva version te recomiendan utilizar nextjs, me senti abrumado por que pense que era algo totalmente diferente y complicado (aunque la forma de pensar cambie para SSR), pero te quiero dar las gracias, por que realmente con este video me diste una nueva perspectiva que me animó de nuevo a seguir aprendiendo, a querer ser mejor y super bien explicado. Te debemos muchísimo!

    • @saisho137
      @saisho137 Рік тому

      Con este video se puede aprender NextJS incluso con el cambio que hizo React hace pocas semanas?

    • @christiandavidvalenzuelago7437
      @christiandavidvalenzuelago7437 Рік тому +1

      @@saisho137 Que tal! Las bases siempre se mantienen, creo que seria ideal que si estas iniciando puedas ir a uno de nextjs 12 y luego des el paso al 13, ya que si hay muchas cosas que cambian (pero que aun estan en beta) y que asi ya luego podas decidir con que version trabajar. Pero si, podemos aprender (aunque no tan a profundidad) con este video. Aun queda camino.

  • @julianblond
    @julianblond Рік тому

    He estado viniendo en algunas ocasiones a este canal, siempre me he encontrado con muy buen contenido, ganas, buena onda, conocimiento, clickeando boton de subscripcion en 3.. 2.. 1..

  • @crissacm1
    @crissacm1 Рік тому

    Practicando, practicando y practicando con nextJS 13 por fin pude entender cómo funciona todo lo de las rutas anidadas y logré hacerme mi portfolio gracias a eso, Muchas Gracias midu, tu video me sirvió muchísimo

  • @ignacioarriagadairiarte4338
    @ignacioarriagadairiarte4338 Рік тому +2

    1 hora de video de pura calidad, no suelo comentar pero la verdad es que este canal solo ayuda a crecer :)

  • @guillermoemmanuelsanchezin1664

    Estoy en min 20 y me hace recordar muchisimo a rails esto. Me parece muy friendly por ahora

  • @abdielgonzalez747
    @abdielgonzalez747 2 роки тому +2

    Midu, muchas gracias por los tutos. Me entusiasma muchísimo la manera en la que nos explicas las nuevas funcionalidades. Ahora, a programar 👏🏾👨🏾‍💻

    • @midulive
      @midulive  2 роки тому +2

      Muchas gracias, Abdiel! Ojalá os entusiasme tanto como a mi!

  • @jordiwebstyle6629
    @jordiwebstyle6629 2 роки тому +4

    Agradecidísimo por la explicación de esta última versión de Next. Sería muy guapo una guia de migración de un proyecto hecho con la versión 12 pasarlo a la 13 , para mejorar su eficiencia

  • @lucas.contreras89
    @lucas.contreras89 Рік тому

    Esto es una joyita, ni me di cuenta que duraba 2hs pasó volando, excelente la explicación. Tengo que coincidir alguna vez con tus twitch. Saludos!

  • @neyk
    @neyk 2 роки тому +1

    vengo de desarrollar en react native directamente sin saber React, asique he aprendido como funciona react a base de aprender React Native y con este video estoy viendo que con Next Js es mas facil de lo que me imaginaba

  • @daniel-24gra79
    @daniel-24gra79 Рік тому

    No puede haber un youtuber de programacion y crecimiento mas grande que vos midu, saludos desde Colombia, gracias a ti he crecido demasiado en cuanto al desarrollo web

  • @Mercurygtr
    @Mercurygtr Рік тому

    Server Actions are game-changing! Me parece que acá está lo sabroso de Next 13 y casi que no hay video en español al respecto. Es un paradigma sutil pero muy profundo y cambia TODA las reglas de juego. Profe Midu...... ¿Podrías bajar del cielo estos conceptos para los Terraqueos? Saludos

  • @andresorozco6432
    @andresorozco6432 2 роки тому

    Uffff me acabo de ver casi 2 horas de contenido de calidad. Esto es el futuro, tengo unas ganas de empezar un proyecto con Next.js 13 impresionantes. Gracias Midu 🙌🙌💡💡

  • @universoyi8468
    @universoyi8468 2 роки тому +3

    Muchas gracias por el contenido gratuito!! Siempre me salvas con tus cursos 🙌

    • @midulive
      @midulive  2 роки тому +2

      Un placer! A compartirloooooo

  • @nicolaspoteljunot269
    @nicolaspoteljunot269 2 роки тому

    Lo del loading me hizo caerme de la silla!! Que bueno que esta eso!!🤯

  • @tupapa7642
    @tupapa7642 2 роки тому +1

    Estaba esperando este video desde hace mucho! gracias Mike!

    • @midulive
      @midulive  2 роки тому

      Desde hace mucho dice jajajaj pero si acaba de salir Next.js 13!!!!

  • @scott-123
    @scott-123 2 роки тому +1

    Venía buscando cobre y encontré oro. Cómo siempre midu, tu aporte valiosisimo! Estaba esperando tu explicación

  • @juanisidorogarcia1699
    @juanisidorogarcia1699 Рік тому

    Buenísimo!! Iba a empezar con Next y encuentro tu video! Detallazo ^^ Mil gracias!!
    Y me da que la experiencia de usuarios en sitios web y la anidación de componentes va a tener un fuerte impacto muy pronto!! Las tendencias son claras ^^
    Un saludo!!

  • @jeffersoncampos3669
    @jeffersoncampos3669 2 роки тому

    Miguel muchisimas gracias por compartir lo que sabes! uno agarra de poquito pero tu lo haces genial. Un abrazo enorme desde Venezuela

  • @fernandocepeda4749
    @fernandocepeda4749 2 роки тому +1

    Gracias Midu, el mejor que gran Contenido de valor nos aportas, solo agradecimientos 🙏

  • @user-amatish16
    @user-amatish16 2 роки тому +1

    Gracias! Excelente video para ponerse al día con las nuevas funcionalidades de Next.js 🤩 🤩 🤩

    • @midulive
      @midulive  2 роки тому +2

      Gracias a ti por comentar! 🤗

  • @barbarojaviervalmasedavazq9713

    Joder con el layout, eso de compartir el estado esta brutal.

    • @midulive
      @midulive  Рік тому

      Totalmente! Lo mejor de Next 13 de lejos!

  • @saulblancotejero8298
    @saulblancotejero8298 2 роки тому +1

    Interesante análisis
    Sobre el tema del width y height en las imágenes como comentas, se puede obviar, pero únicamente cuando se importa vía import y no viene de un remoto.
    Un gran resumen, justo esta mañana estuve jugando un poco con Nextjs 13, pintaza 🔥

  • @larts
    @larts 2 роки тому

    Cambiar los getServerSide y El static, creo que es mejor, ya que antes si bien funcionaba bien, era un poco confuso; ahora esta mejor ver que todo lo que hagas en componentes es directamente en el server asi es mas facil y si quieres cliente solo agregar 'use client' y ya esta, next esta haciendo buenas jugadas y haciendo como microsoft, siempre ayudando al developer, se le agradece

  • @omegatroy
    @omegatroy 2 роки тому +3

    a darle con todo a este curso de next.js gracias a midu

    • @midulive
      @midulive  2 роки тому +2

      A disfrutarlo y compartirloooo

  • @glpg35
    @glpg35 Рік тому +5

    Midu, algún día podrás hacer algún video usando Next.js 13 y Firebase admin, para autenticación, storage y firestore. Estoy teniendo problemas usando firebase en next 13 que no tenía usando next 12.

  • @pablorodriguezgomez316
    @pablorodriguezgomez316 2 роки тому +3

    Midu, ¿Qué extensión usas para autogenerar esos componentes? Como cuando escribes el Counter y te lo genera todo. Muchas gracias por tus vídeos, es un aporte increíble.

  • @Username_chrisbarrio
    @Username_chrisbarrio 2 роки тому

    Pedazo de video!!, que ganas de que este mas solido next13 para trabajarlo. Gracias por explicarlo tan fácil midu. Abrazo de gol desde Argentina.

    • @midulive
      @midulive  2 роки тому

      Gracias a ti!! Abrazote!

  • @chiky22lp
    @chiky22lp Рік тому +1

    Tarde en ver este curso, pero es excelente! Gracias Miduuu 🙌

  • @richieespinoza6093
    @richieespinoza6093 2 роки тому

    crack midu, el mejor resumen de los nuevos features lejos

    • @midulive
      @midulive  2 роки тому

      Muchas gracias, Richie! 🤗

  • @abnerantoniochamorrodiaz7434
    @abnerantoniochamorrodiaz7434 Рік тому +1

    JAJA te ganaste un suscriptor con el ejemplo de Hidratación explicado con plastilina, muy bien miduli!

  • @francoperez03
    @francoperez03 2 роки тому

    Gracias midu!! tremendo video. Me voló la cabeza lo del loading 🤯

  • @mundoextrano8892
    @mundoextrano8892 2 роки тому +1

    El mejor canal sin duda 👍👍👍👍💥💥💥

    • @midulive
      @midulive  2 роки тому

      Muchas gracias 🤗

  • @critofer12
    @critofer12 2 роки тому

    Tremendo curso Midu , estaba confundido con el nuevo enrutamiento y quedo todo claro como el agua !

  • @_hugo_cruz
    @_hugo_cruz Рік тому

    Excelente video hermano. Esta nueva versión ya es otro level!!! gracias

  • @JorgeMenaDev
    @JorgeMenaDev 2 роки тому +2

    eres lo mas grande que existe midu

  • @cristianfranco705
    @cristianfranco705 2 роки тому

    Excelente video, una gran vista a todo lo nuevo que tenemos en Next 13, gracias!!!

  • @SantiagoLondono-zl5px
    @SantiagoLondono-zl5px Рік тому

    Tus videos me han servido mucho, muchas gracias midu!!

  • @franklynthomas2276
    @franklynthomas2276 Рік тому

    Exraordinaria explicacion

  • @hi_im_jg2638
    @hi_im_jg2638 2 роки тому

    Guardado en favoritos el cursito. Gracias muchas Midu

    • @hi_im_jg2638
      @hi_im_jg2638 2 роки тому

      Tienes video de react desde 0 también?

  • @madmaxdios
    @madmaxdios Рік тому

    Cuando escribes un componente como Link que no lo has importado, vas al error , ctrl space, y te aparece la opción de importarlo auto.
    Muchas gracias Miguel por todo

  • @AndrePonc3
    @AndrePonc3 Рік тому

    Gracias midu, otro curso más de mi maestro preferido 🫡

  • @diegoarmando538
    @diegoarmando538 Рік тому

    Grande Midu. Ya puedo trabajar con NextJs

  • @fredusky
    @fredusky Рік тому +3

    para quien tuvo errores con LINK del tipo webpack. o call.. etc ....
    ojo que la version 13.0.7 esta con problemas. cambiar a 13.0.6 en el package.json
    "dependencies": {
    "@next/font": "13.0.6",
    "eslint": "8.30.0",
    "eslint-config-next": "13.0.6",
    "next": "13.0.6",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    },
    si persiste el error borrar la carpeta node_modules + carpeta .next
    y luego
    npm i
    con eso se deberia de solucionar.

  • @antonycabeza
    @antonycabeza Рік тому

    Excelente!!! Me encantaría un video enfocado solo a las api y todo el lado del server de Next.js 13

  • @xXkeissiusXx
    @xXkeissiusXx Рік тому

    Al principio no me gustaba React, y ahora con Next tampoco, muchas gracias.
    Pd: Es broma, la nueva versión de Next si me gusta más!! gracias mudi, me gusta la forma en que hace el loading y el layout, es lo mejor según mi parecer

  • @barbaracaceressepulveda582
    @barbaracaceressepulveda582 Рік тому

    Muy buen video, muchas gracias!!

  • @bionix2354
    @bionix2354 2 роки тому +3

    que velocidad la tuya

  • @pintaos6009
    @pintaos6009 2 роки тому +1

    Tremendo, muchas gracias!

  • @juanburns3625
    @juanburns3625 Рік тому +1

    Gracias por el contenido Midu!, se sabe algo de cuando estaría listo para producción?, saludos!.

  • @leonelpaulus1095
    @leonelpaulus1095 2 роки тому +2

    Gracias midu!, muy bien explicado el tema

    • @midulive
      @midulive  2 роки тому +2

      Gracias a ti por comentar!!!

  • @Mercurygtr
    @Mercurygtr Рік тому

    Muy didáctico Bro ! ¿Podrías hacer un CRUD con NEXT 13.4 que ya trae los "actions"? Es cierto que está en modo ALPHA pero el crud se haría todo desde SSR. Haciendo todo desde el lado del servidor, el Crud no utilizaría los estados de React. Hay poca info en la red de esto pero lo veo GENIAL y sería vanguardista de tu parte desarrollar este nuevo paradigma que se acerca a REMIX.
    Los Server Actions con "use server" es brutal el enfoque porque como dije anteriormente, evitamos el uso de useState() y de useEffect(). Soy estudiante de Next y la verdad que usar action, formAction y revalidatePath cambia TODO ! Me gustaría saber tu feedback ! Pd. Si es posible usar el crud desde Supabase sería más épico aun.

  • @SonGoku-pc7jl
    @SonGoku-pc7jl Рік тому

    Veo k no comenté! Fue genial el curso! Muchísimas gracias! Ganas d versión no alpha para nuevo curso con fuentes y turbopack funcionando jeje, pero repasando y viendo los cambios k conlleve l version estable :) k ganas le tengo jaja :) por cierto veo como que sacas poco nuevo material ahora que decidiste dedicarte a generar buen contenido a full. Espero que estes bien. Un abrazo d tu amigo y hermano humano o sayan, d este universo de donde somos y suerte tenemos de disfrutar de mil cosas, dbz, javascript, next, midu tutorials y una larga lista d gracias vida :)

  • @santinoursino2294
    @santinoursino2294 2 роки тому +2

    LES GOOOOOOOOOOOOOOO

  • @laraalonso6271
    @laraalonso6271 Рік тому

    Gracias por este curso Midu

  • @guillermosevilla4138
    @guillermosevilla4138 Рік тому

    que buen video! gracias!

  • @davidavellaneda133
    @davidavellaneda133 Рік тому +3

    Profe que curso tan genial, muchas gracias, que crack 😎
    Tengo una pregunta dónde puedo ver un video donde configures tu VSCode, qué extensiones utilizas, etc. Como por ejemplo esa extensión que te autocompleta.
    Gracias ❤

    • @alexandrac.m.8822
      @alexandrac.m.8822 Рік тому +2

      No estoy segura, pero creo que es el copilot de github o similar. Es posible que además sea de pago. No estoy segura del todo, si alguien sabe que nos lo explique :)

  • @MaxielJohannaCamargoGomez
    @MaxielJohannaCamargoGomez 2 роки тому

    Te quiero @midulive

  • @christiandanielvillegasuma3885

    Que crack sos, mil gracias

  • @ZoreCrack
    @ZoreCrack 2 роки тому

    11/10, ahora voy a utilizar nextjs

  • @juanibocchi9979
    @juanibocchi9979 2 роки тому +2

    Genio!

  • @paracomentar2703
    @paracomentar2703 Рік тому

    si tienen un error que dice algo de subset con lo de las fuentes deben agregar despues de weight lo siguiente, subsets: ['latin-ext'], cualquier cosa en la documentacion aparecen los demas parametros tambien

  • @camilonore3256
    @camilonore3256 2 роки тому

    Eres el mejor miduuu, te amo ❤

    • @midulive
      @midulive  2 роки тому +1

      Muchas gracias Camilo! 🤗

  • @agustintisera6992
    @agustintisera6992 Рік тому

    Impecable, como siempre ✨. Excelente contenido

  • @MikeMonsalve
    @MikeMonsalve Рік тому

    Midu, te amo!

  • @AirdropsWhitelistHub
    @AirdropsWhitelistHub Рік тому

    te quiero mucho miduu

  • @edgarhernandez-kl2ci
    @edgarhernandez-kl2ci Рік тому

    Muy buena explicación, te quería preguntar por la extension que usas para completar código. Muchas gracias

  • @aquavxi6431
    @aquavxi6431 2 роки тому

    Un cago de risa el autocompletado, ¡ESTA ROTíSIMO! XD
    Edit: Actualmente estoy en Angular pero en un tiempo más seguro me estudio tus cursos de React + NextJs. Muchas gracias Midu, excelente tu contenido 👌

    • @midulive
      @midulive  2 роки тому +1

      jajaja estamos trabajando en ellouuuuu

  • @kikevanegazz325
    @kikevanegazz325 2 роки тому

    Gracias @midudev estuvo genial la sesión!

  • @kobemoya3050
    @kobemoya3050 Рік тому

    7:30 Experimental options
    16:30 Como funcionan las rutas.

  • @AliLopez
    @AliLopez Рік тому

    Gracias Midu!

  • @bbedyukh
    @bbedyukh 2 роки тому

    Todavía no vi el video pero toma mi like :D

  • @parmesanogood4393
    @parmesanogood4393 2 роки тому +3

    Gracias crack!!!

    • @midulive
      @midulive  2 роки тому +2

      😊😊😊😊 un placer!!

  • @HenryRamirez-y4q
    @HenryRamirez-y4q Рік тому

    Amo tus videos, pero sería posible que le quites el sonidito de cada nuevo sub! es que me desconcentra mucho de lo bien que explicas

    • @midulive
      @midulive  Рік тому

      Ya lo hemos quitado en los nuevos videos ;)

  • @kikevanegazz325
    @kikevanegazz325 2 роки тому +1

    ¿Qué plugging de VS es el que sugiere la estructura del componente/función/handler/state ?

  • @danielmaldonado5954
    @danielmaldonado5954 2 роки тому +1

    Me gusta como explicas pero que ganas de reinventar la rueda nextjs, por ejemplo con el tema de como crear rutas

  • @AndresSaaN
    @AndresSaaN 2 роки тому

    Me encanta poder preservar los estados de los Comp usando Layout. Te quitas parte del trabajo de los "manejadores de estado global" y tiene mucho más sentido hacerlo así.

  • @gandalfx0
    @gandalfx0 Рік тому

    ¡Gracias!

    • @midulive
      @midulive  Рік тому

      Esoooo, muchas gracias por el Suepr Chat! :D Me alegro que te sirva!

  • @damarissolis539
    @damarissolis539 Місяць тому

    el client hidratando el html: thank you for saving me, i was so thirsty

  • @dakuni99
    @dakuni99 9 місяців тому

    es muy raro el enrutamiento de nextjs, pero me gusto el video, exelente curso midu gracias

  • @yesidexe
    @yesidexe Рік тому +1

    Midu podrías hacer un video de rutas protegidas o privadas con next.js 13?

  • @Ditmaros1
    @Ditmaros1 Рік тому

    Excelente

  • @soportemapa4757
    @soportemapa4757 Рік тому

    @midulive que buen video!! Solo me quedo una duda que recomiendas usar serverside or static generation o static props para consultar cientos de productos en perfil publico de cientos de usuarios ??

  • @martinaguilar2376
    @martinaguilar2376 11 місяців тому

    Hola Midu! Cual es tu recomendación al momento de trabajar con serverless y las peticiones para no ir y volver con tantos fetching?

  • @louiseavilezx2b505
    @louiseavilezx2b505 2 роки тому +2

    👏👏👏👏👏

  • @atpayero
    @atpayero 2 роки тому +2

    El video esta muy bien, mi única recomendación es que no mostrarlo con TypeScript le quita importancia. Claro es solo una opinión, pero sería bueno que haga la encuesta.

    • @midulive
      @midulive  2 роки тому

      Creo que hacerlo con TypeScript sería una forma de gatekeeping y no estaría haciendo un tutorial sólo de Next 13. Todo lo que se aprende en el vídeo es aplicable sin problemas con TypeScript.

  • @apuravela
    @apuravela 2 роки тому

    Grande Midu, gracias por tanta magia

    • @midulive
      @midulive  2 роки тому

      Gracias a ti por comentar!!

  • @CodeMusic123
    @CodeMusic123 Рік тому

    como de increible habra sido la gente que se creo estas cosas

  • @sebastianalfaro1887
    @sebastianalfaro1887 2 роки тому +2

    👏