Serverless Deploy

Overview

This project deploys a Next.js application using a serverless approach on AWS. The frontend is served as static content, while dynamic APIs run on serverless functions.

The goal is to achieve fast performance, automatic scaling, and zero server management.

Stack

• Next.js

• Amazon S3

• Amazon CloudFront

• AWS Lambda

• Amazon API Gateway

Architecture

User → CloudFront → S3 (Static Frontend)
                     ↓
                 API Gateway → Lambda → Database

Step 1: Build Next.js App

npm run build
npm run export

👉 Generates static files for deployment

Step 2: Upload to S3

• Create S3 bucket
  

• Upload out/ folder
  

• Enable static hosting
  

Step 3: Setup CloudFront

• Connect S3 as origin
  

• Enable caching
  

• Add HTTPS
  

Step 4: Create API (Serverless)

Use:

• Lambda for backend logic
  

• API Gateway for routing
  

Example API:

export const handler = async () => {
  return {
    statusCode: 200,
    body: JSON.stringify({ message: "API working" })
  };
};

Step 5: Connect Frontend to API

fetch("https://api-url")
  .then(res => res.json())
  .then(data => console.log(data));

Result

• Fast static frontend via CDN
  

• Serverless backend APIs
  

• Automatic scaling
  

• No server management
  

Key Points

• Use static export for frontend
  

• APIs handled by Lambda
  

• CloudFront improves performance
  

• Cost-efficient setup
  

Final Note

This project shows how to deploy a Next.js app using a fully serverless architecture.

It provides high performance, scalability, and simplicity without managing servers.