leerob / Nextjs Aws S3
Example Next.js app to upload photos to an S3 bucket.
Stars: ✭ 229
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Nextjs Aws S3
Kafka Connect Storage Cloud
Kafka Connect suite of connectors for Cloud storage (Amazon S3)
Stars: ✭ 153 (-33.19%)
Mutual labels: aws, s3
Terraform Aws Next Js
Terraform module for building and deploying Next.js apps to AWS. Supports SSR (Lambda), Static (S3) and API (Lambda) pages.
Stars: ✭ 163 (-28.82%)
Mutual labels: aws, nextjs
Terraform Aws S3 Bucket
Terraform module which creates S3 bucket resources on AWS
Stars: ✭ 130 (-43.23%)
Mutual labels: aws, s3
Scar
Deploy static websites in seconds - with HTTPS, a global CDN, and custom domains.
Stars: ✭ 1,715 (+648.91%)
Mutual labels: aws, s3
Terraform Aws Cloudfront S3 Cdn
Terraform module to easily provision CloudFront CDN backed by an S3 origin
Stars: ✭ 162 (-29.26%)
Mutual labels: aws, s3
Node Acme Lambda
Use AWS Lambda to manage SSL certificates for ACME providers like Let's Encrypt.
Stars: ✭ 120 (-47.6%)
Mutual labels: aws, s3
Lad
👦 Lad is the best Node.js framework. Made by a former Express TC and Koa team member.
Stars: ✭ 2,112 (+822.27%)
Mutual labels: aws, s3
Serverless S3 Sync
A plugin to sync local directories and S3 prefixes for Serverless Framework ⚡️
Stars: ✭ 126 (-44.98%)
Mutual labels: aws, s3
Aws Mobile React Native Starter
AWS Mobile React Native Starter App https://aws.amazon.com/mobile
Stars: ✭ 2,247 (+881.22%)
Mutual labels: aws, s3
Cash
HTTP response caching for Koa. Supports Redis, in-memory store, and more!
Stars: ✭ 122 (-46.72%)
Mutual labels: aws, s3
0x4447 product s3 email
📫 A serverless email server on AWS using S3 and SES
Stars: ✭ 2,905 (+1168.56%)
Mutual labels: aws, s3
Deploy Strapi On Aws
Deploying a Strapi API on AWS (EC2 & RDS & S3)
Stars: ✭ 121 (-47.16%)
Mutual labels: aws, s3
Serverless Next.js
⚡ Deploy your Next.js apps on AWS Lambda@Edge via Serverless Components
Stars: ✭ 2,977 (+1200%)
Mutual labels: aws, nextjs
Website
⚡️ Instantly deploy static website on serverless infrastructure with zero configuration using Serverless Components.
Stars: ✭ 118 (-48.47%)
Mutual labels: aws, s3
Serverless Architectures Aws
The code repository for the Serverless Architectures on AWS book
Stars: ✭ 120 (-47.6%)
Mutual labels: aws, s3
Docker S3 Volume
Docker container with a data volume from s3.
Stars: ✭ 166 (-27.51%)
Mutual labels: aws, s3
Drone Cache
A Drone plugin for caching current workspace files between builds to reduce your build times
Stars: ✭ 194 (-15.28%)
Mutual labels: aws, s3
Next.js + AWS S3 Upload
This is an example of a Next.js application allowing you to upload photos to an S3 bucket.
Getting Started
Option 1: Use an existing S3 bucket.
Retrieve your existing access key, secret key, S3 bucket region and name. Provide those values after clicking "Deploy" to automatically set the environment variables.
Option 2: Create an S3 bucket.
- Create a new IAM role with permission for
AWSCloudFormationFullAccess
andAmazonS3FullAccess
. - Save the access key and secret key.
- Install the AWS CLI and run
aws configure
. - This will prompt you to enter the access key and secret key.
- Create an
.env.local
file similar to.env.example
. - Run
cdk deploy
to create an S3 bucket with the correct CORS settings. - Visit your newly created S3 bucket and retrieve the name and region.
- Add the name and region to
.env.local
. - Run
yarn dev
to start the Next app atlocalhost:3000
. - Choose a
.png
or.jpg
file. - You should see your file successfully uploaded to S3.
This example uses createPresignedPost
instead of getSignedUrlPromise
to allow setting max/min file sizes with content-length-range
.
Commands
-
yarn dev
– Starts the Next.js app atlocalhost:3000
. -
cdk deploy
– Deploy this stack to your default AWS account/region -
cdk diff
– Compare deployed stack with current state -
cdk synth
– Emits the synthesized CloudFormation template
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].