How to upload images in Amazon S3 bucket using NextJS Framework

This article focuses on how to interact with Amazon S3 e.g. upload files and get files using NextJS App to build scalable applications.

Upload file in the cloud by DALL.E

NextJS

NextJS is a React framework (therefore, a frontend framework) that allows you to create powerful, SEO-friendly (Search Engine Optimization) and extremely user-friendly static websites and web applications using the React framework.

It features hybrid static and server rendering, TypeScript support, smart grouping, route pre-fetching, and more, without any additional configuration.

NextJS has integrated support for
- SSR: Server-side rendering
- SSG: Static generation
- CSR: Client-side rendering
in a single application. You can decide what kind of app you want to build and how you plan to compile your app to best suit your use case.

Server-side rendering makes NextJS suitable for large-scale, SEO-oriented production applications and very easy to set up.

Also, NextJS has support for API Routes, which let you easily create an API endpoint as a Node.js serverless function…