blog.danoph.comCreate an Image Tagger App with React.js and AI in Just a Few Simple Steps!In this tutorial, we'll create a simple application that enables users to upload an image using a React.js form and display image tags using AI. We'll be using Next.js with TailwindCSS since it's straightforward to set up for both the front-end HTML ...Mar 8, 2023·8 min read
blog.danoph.comHow To: Next.js Drag-and-Drop Image Uploads Directly to S3 and Displaying with CloudFrontIn my first two tutorials on Next.js file uploads, we learned how to build a multiple file upload form in Next.js with drag-and-drop support and progress bars. Our files get stored in Amazon S3 but we aren't displaying the files anywhere on our page ...Mar 6, 2023·11 min read
blog.danoph.comMaster React File Uploading: Convert Single File Uploads into Multi File Uploads with Progress Bars and Drag-and-Drop Support in Just a Few StepsThis is a continuation of the previous article: How to Upload Large Files Directly to Amazon S3 in React/Next.js Our "finished" React s3 direct uploader that we built has some limitations. We can only upload 1 file at a time, we don't have any progre...Feb 28, 2023·10 min read
blog.danoph.comHow to Upload Large Files Directly to Amazon S3 in React/Next.jsIf you've ever needed to upload large files over 5 gigabytes to Amazon S3, you will run into a road block pretty quickly. Using multipart chunked file uploads is the way to get around that. Also, if you've built a file uploader before, you have to ma...Feb 17, 2023·16 min read