In this tutorial, we'll walk through the steps to deploy a Next.js static site on Amazon S3. We'll start by creating a CloudFront distribution, a S3 bucket,a deployment pipeline, then configure Next.js to export a static build we can serve (almost) for free.

Nikunj Rohit

NestJS

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

This tutorial provides detailed steps to deploy a Next.js App Router app on Amazon S3. It guides you through setting up an S3 bucket with CloudFront distribution, updating Next.js configuration for a static build, and creating necessary AWS resources like ACM certificates and Route 53 DNS settings. It also outlines a simple script to automate uploading static files to S3 and invalidating the CloudFront cache. The tutorial ensures your application is fully serverless, scalable, and cost-effective.

Hosting a Next.js (App Router) app on Amazon S3