Let users upload files directly to S3 by creating presigned URLs in Next.js and saving the references in a Postgres database.

Materialize

Bobby Iliev

DevOps

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Learn how to add a feature to a Next.js app that allows users to upload files to Amazon S3 using presigned URLs, and save references to these files in a Postgres database. The guide covers creating a Neon project, setting up an S3 bucket, creating IAM user access keys, and setting up a Next.js application with necessary API routes to handle file uploads and database operations.

How to upload to S3 in Next.js and save references in Postgres

Create access keys for IAM users (in AWS)

Create a Presigned URL with Amazon S3 SDK

Upload to Presigned URL with in-browser JavaScript

<p>Just what I was looking for.
Great guide and also good explainations, meaning it’s easy to extend to what I need it for as well.</p>
<p>Thank you for this.</p>
