Your Gateway into modern Web Development
Your one-stop destination for all things web development, from the latest updates to in-depth tutorials and resources.
Ultimate Guide to File Uploads in Next.js
Uploading files may seem simple but they come with a lot of complexity. Uploading through a Next.js server won't work because of the 1MB body size limit. Uploading directly from the client is insecure. The correct approach is using presigned URLs. In this video I show you how to generate presigned URLs using S3 and how to use them to upload files securely. We start by building a fully custom and accessible drag and drop zone. Then we implement file uploads using S3 and presigned URLs. I also show you how to track upload progress using native XHR. At the end we implement file deletion as well. This video is a complete guide to building a secure and user-friendly file upload flow in Next.js using S3 and presigned URLs.
Master Next.js 15 in Just 3 Hours (With Authentication)
Next.js is probably the best React "meta" framework out there. Nevertheless, most people have no real clue how or where to get started. But with this video, everything will change! I will teach you Next.js from zero to hero and all in just 3 hours. We'll cover basic concepts like routing, server components, and client components, as well as more advanced topics such as streaming and caching. And of course, no application is complete without authentication, so we’ll add that too!