Web Dev Roadmap for Beginners (Free!): [ Ссылка ]
Learn how to upload images to a server in Next.js 13. This project will also be able to upload video, audio, blob, PDF, and text files to a server if you want. The tutorial code uses Nextjs 13 with app router and focuses on uploading images.
💖 Support me on Patreon ➜ [ Ссылка ]
⭐ Become a full-stack web dev with Zero To Mastery Courses:
- Complete Next.js Developer: [ Ссылка ]
- Advanced React: [ Ссылка ]
- Junior to Senior Dev Roadmap: [ Ссылка ]
🚩 Subscribe ➜ [ Ссылка ]
📬 Course Updates ➜ [ Ссылка ]
❓ Questions - Please post them to my Discord ➜ [ Ссылка ]
☕ Buy Me A Coffee ➜ [ Ссылка ]
👇 Follow Me On Social Media:
Github: [ Ссылка ]
Twitter: [ Ссылка ]
LinkedIn: [ Ссылка ]
🔗 Source Code: [ Ссылка ]
How to Upload Images to a Server in Next.js | Nextjs 13
(00:00) Intro
(00:05) Welcome
(00:29) Today's topic
(00:44) Create a new Next.js project
(01:25) Add UploadThing to Your Project
(04:07) Add Router structure
(08:40) core.ts, File Router, & File Routes
(15:04) route.ts
(16:32) Upload Button page
(25:10) Upload Dropzone page
(27:20) Dashboard
(28:22) Is UploadThing an S3 Killer?
(30:08) More to Learn
📚 Tutorial References:
🔗 Theo's UploadThing video: [ Ссылка ]
🔗 JoshTriesCoding video: [ Ссылка ]
🔗 Next.js Official Site: [ Ссылка ]
🔗 Next.js Docs for Server Actions: [ Ссылка ]
🔗 ES7 React Snippets Extension: [ Ссылка ]
Was this Next.js tutorial about uploading images with UploadThing helpful? If so, please share. Let me know your thoughts in the comments.
#nextjs #upload #images
How to Upload Images to a Server in Next.js | Nextjs 13
Теги
how to upload images to a server in next.jsupload imagesuploading imagesupload images to a servernext.jsnextjsnext.js 13nextjs 13next.js with app routernext.js app router image uploadnext.js image uploadnextjs image uploaduploading images with next.jsuploading images with nextjsupload images to a server with next.jsupload images to a server with nextjsupload images with next.jsupload images with nextjsimage uploads in next.jsimage uploadsjs