Simple Next.js Image Upload with UploadThing

Поделиться
HTML-код
  • Опубликовано: 7 фев 2025
  • The essay way to upload file in next.js is use uploadthing
    🔗Source:
    [uploadthing docs] docs.uploadthi...
    🛠️on progress:
    mynameischand....
    #programming

Комментарии • 24

  • @Odidi_Bee6ix
    @Odidi_Bee6ix Год назад +2

    I was ignoring this video for a while cause I felt the video long and I still have problem uploading images after A week.
    Now just watched the video and it's so worth it. Thanks mate👍

  • @hafiedzmada
    @hafiedzmada Год назад +1

    Thank you! Nice and straight-forward tutorial, keep it up Cand!

  • @karoldawid8981
    @karoldawid8981 11 месяцев назад

    With this video it was really easy!! Awesome job dude !

  • @Rachel-i1e
    @Rachel-i1e Год назад +1

    Amazing video! Good job, @CandDev! Talking about this, does anyone know how to get this to work via Next.js Server Actions? In 2023 (Next 13 and 14) almost everyone in production has moved towards using Server Actions. Personally, I don't care - but uploading like this gets really messy (and often broken) in most middleware setups - unless we stick to Server Actions.

  • @sumonchandra5992
    @sumonchandra5992 Год назад +1

    Woww!! that's awesome!!!

  • @Ligma_Shlong
    @Ligma_Shlong 10 месяцев назад

    Make sure your /api/uploadthing routes are available without authentication if you're using middleware (uploadthing server calls them after upload)

  • @karoldawid8981
    @karoldawid8981 11 месяцев назад

    And how to add another image, what's the easiest way to remove the previous one?

  • @KrishnaBharadwaj-v9v
    @KrishnaBharadwaj-v9v Год назад +2

    Can you please show how to delete file uploaded to uploadthing? Like in crud operations, when image links are removed from db, I'd want the images themselves to be removed as well.

    • @rahulghosh7608
      @rahulghosh7608 8 месяцев назад

      hey did you find it out how to do that?

  • @ManiSingh-gr7zi
    @ManiSingh-gr7zi 8 месяцев назад

    great video, to the point. Thank you

  • @ZenspirationStudio
    @ZenspirationStudio 10 месяцев назад

    I really wanted to see if it worked on deployment, mine works on localhost but not on my domain or in deployment

  • @DenonStudio-d5q
    @DenonStudio-d5q 4 месяца назад

    How can i get my all images via Get Api from Uploadthings to Nextjs?

  • @asadjamilbuledi8574
    @asadjamilbuledi8574 9 месяцев назад

    How do I set content-disposition to attachment in uploadthing?

  • @muhammadammararief2797
    @muhammadammararief2797 9 месяцев назад

    ⨯ No HTTP methods exported in 'C:\Users\arief\Documents
    extjs
    extjs-blog-app\src\app\api\uploadthing
    oute.ts'. Export a named export for each HTTP method.
    POST /api/uploadthing?actionType=upload&slug=imageUploader 405 in 883ms kok saya error ya bang pas mau coba upload

  • @Amankhan-cl1dq
    @Amankhan-cl1dq 4 месяца назад

    How to update an image?

  • @ShakeelAhmad-gg7gg
    @ShakeelAhmad-gg7gg Год назад

    Nice Video 😇

  • @nguyentom-gu6nv
    @nguyentom-gu6nv 10 месяцев назад

    is there anyway to use on reactjs

  • @skshoaibff
    @skshoaibff 6 месяцев назад

    Can i do js instead of ts?

    • @CandDev
      @CandDev  5 месяцев назад

      Yes of course. just change the file to JS and remove all types

  • @jeetenmandal6795
    @jeetenmandal6795 9 месяцев назад

    thanks
    it helped

  • @ilahazs
    @ilahazs Год назад

    Brother, can you please make a video about blogging apps with auth + crud upload images?