2026

AWS S3 Image Upload App

Name: AWS S3 Image Upload App
Author: Nanakumor Princewill

Portfolio project by Nanakumor Princewill

Image gallery app with direct S3 uploads via presigned URLs, validation, pagination, and signed downloads.

AWS S3 Image Upload App — project screenshot by Nanakumor Princewill

Overview

A cloud storage–focused Next.js app that keeps large files off the app server when possible. Browsers upload straight to S3 with presigned URLs, with a server-side fallback path when needed. The gallery uses cursor pagination and signed download URLs so access stays controlled without making the API a bottleneck.

What it includes

Direct browser-to-S3 uploads using presigned URLs
Automatic server-side fallback upload path
Secure file-type validation before objects are accepted
Cursor-based pagination for scalable gallery browsing
Signed download URLs for controlled access to objects
Responsive image gallery UI on Next.js 16 App Router

Tech Stack

React
TypeScript
Next.js 16 (App Router)
Tailwind CSS 4
AWS S3
AWS SDK for JavaScript (v3)
file-type
S3 Presigned URLs
Vercel

View Code Live Demo