NextJS Image Layout Tutorial - next/image Layouts with Examples!

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 พ.ย. 2024

ความคิดเห็น • 29

  • @gwemula
    @gwemula ปีที่แล้ว +7

    Thank you for this video! The component is very frustrating to use and your tut cleared things up for me. Thank you so much!
    Also, though English may not be your first language, I want you to know that you did a stellar job explaining everything! Appreciate it greatly!

  • @pryansh_
    @pryansh_ ปีที่แล้ว +3

    this was so helpful. Your demonstration was very clear and descriptive.

  • @_xrxietx_8749
    @_xrxietx_8749 9 หลายเดือนก่อน

    Thanks bro, I stopped programming for a while and I forgot this, you saved me. 🙂

  • @jackfrost8969
    @jackfrost8969 9 หลายเดือนก่อน

    you literally saved me at my job

  • @yentlcastrellon1652
    @yentlcastrellon1652 ปีที่แล้ว

    Thank you!! I was struggling with the Image component but now it's doing what I want!! 😁

  • @Azro-g3w
    @Azro-g3w 6 หลายเดือนก่อน

    Thanks Josh this was baffling me a little aswell 😊

  • @freezemasterslick
    @freezemasterslick ปีที่แล้ว

    Great explanation of everything mate!

  • @tasinchowdhury5007
    @tasinchowdhury5007 ปีที่แล้ว

    Found what I needed at 10:55 . Thank you so much brother!

  • @lifelens8995
    @lifelens8995 ปีที่แล้ว +4

    Nice video but some of the properties are obsolete in newer version of Next.

  • @Frazful
    @Frazful ปีที่แล้ว +2

    Hey, thanks. When doing these videos, zoom in on VS code text. They're very tiny, bad for readability.

  • @atakantekoglu5520
    @atakantekoglu5520 ปีที่แล้ว

    Bro! That's really helpful. Thank you.

  • @Ja-rz9fq
    @Ja-rz9fq ปีที่แล้ว

    making parent element RELATIVE is the key!

  • @MT4d616e
    @MT4d616e ปีที่แล้ว

    nice one man... thanks a lot

  • @MrManafon
    @MrManafon ปีที่แล้ว +2

    needs an update :) api completely changed

  • @gloriaaliciagarciagarcia2278
    @gloriaaliciagarciagarcia2278 ปีที่แล้ว

    great video, very useful 😊

  • @gopikrishnan376
    @gopikrishnan376 ปีที่แล้ว

    Awesome video!!

  • @이름-f9z
    @이름-f9z ปีที่แล้ว

    bro you saved alot of time for me. intrinsic was what i was looking for. so the basic difference between intrinsic and responsive could be the use case of each value? when you need to render an image with a min-fixed(?) width/height, intrinsic would be ideal and responsive would be suitable if the image were to be responsive to the viewport?

  • @criticalthinker88gis13
    @criticalthinker88gis13 ปีที่แล้ว

    Very useful thanks

  • @frontendonly
    @frontendonly ปีที่แล้ว

    thanks josh

  • @Kavrizhka
    @Kavrizhka ปีที่แล้ว

    Thank you!!!!!!!!!!!

  • @montassarnouaili3201
    @montassarnouaili3201 ปีที่แล้ว

    thanks alot dude

  • @siosaiafonua9286
    @siosaiafonua9286 ปีที่แล้ว

    so i have a nextjs 13 app which is connected to Contentful CMS. I'm getting images from Contentful to render inside my app. It works locally, however, when i deploy my app on vercel, I'm getting a 400 on my images. Can you help me resolve this?

    • @joshtriedcoding
      @joshtriedcoding  ปีที่แล้ว

      Not easy to help you just by that info, but I assume the error might have something to do with contentful refusing to serve images to your production domain, hence the 400 status

  • @siosaiafonua9286
    @siosaiafonua9286 ปีที่แล้ว

    what version of nextjs are you using?

  • @EgiSamsulMuarif
    @EgiSamsulMuarif ปีที่แล้ว

    thanks man

  • @NeoCoding
    @NeoCoding ปีที่แล้ว

    and what to do in 13 v ?! they all removed

  • @ismendoza
    @ismendoza ปีที่แล้ว

    Layout is obsolet so this video too

  • @therealgoat3367
    @therealgoat3367 5 หลายเดือนก่อน

    Expand your screen!!!!!