Simple Next.js Image Upload with UploadThing

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

КОМЕНТАРІ • 22

  • @Odidi_Bee6ix
    @Odidi_Bee6ix 7 місяців тому +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 8 місяців тому +1

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

  • @karoldawid8981
    @karoldawid8981 6 місяців тому

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

  • @ManiSingh-gr7zi
    @ManiSingh-gr7zi 3 місяці тому

    great video, to the point. Thank you

  • @user-oy7hb7lp7r
    @user-oy7hb7lp7r 8 місяців тому +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 3 місяці тому

      hey did you find it out how to do that?

  • @Ligma_Shlong
    @Ligma_Shlong 5 місяців тому

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

  • @sumonchandra5992
    @sumonchandra5992 9 місяців тому +1

    Woww!! that's awesome!!!

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

      Thanks!!

  • @user-nk7fe9lj2h
    @user-nk7fe9lj2h 8 місяців тому +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.

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

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

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

    thanks
    it helped

  • @karoldawid8981
    @karoldawid8981 6 місяців тому

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

  • @PodcastingClips1
    @PodcastingClips1 5 місяців тому

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

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

    Can i do js instead of ts?

    • @CandDev
      @CandDev  14 днів тому

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

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

    ⨯ 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

  • @nguyentom-gu6nv
    @nguyentom-gu6nv 5 місяців тому

    is there anyway to use on reactjs

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

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

  • @ShakeelAhmad-gg7gg
    @ShakeelAhmad-gg7gg 8 місяців тому

    Nice Video 😇