AWS Full-Stack

Build a complete full-stack application on AWS with Lambda, DynamoDB, and API Gateway

AWS Full-Stack Example

This example demonstrates building a complete full-stack serverless application on AWS. The example uses the same infrastructure as the AWS Lambda example but can be extended with additional frontend resources.

Features

• Lambda Function: Serverless API endpoints
• DynamoDB Table: NoSQL database for data persistence
• SQS Queue: Async message processing
• IAM Roles: Security and permissions
• Function URLs: Direct HTTP access
• CORS: Cross-origin resource sharing

Architecture

The full-stack application consists of:

1. Backend: AWS Lambda functions with TypeScript
2. Database: DynamoDB for data storage
3. Queue: SQS for background jobs
4. API: Function URLs with CORS for frontend access

Project Setup

API Endpoints

Once deployed, your API supports:

• POST /items - Create a new item
• GET /items - List all items
• GET /items/:id - Get a specific item
• DELETE /items/:id - Delete an item

Frontend Integration

You can connect any frontend framework:

// Example fetch call
const response = await fetch('https://your-function-url.lambda-url.us-east-1.on.aws/items', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ name: 'Example Item' }),
});

const data = await response.json();
console.log(data.id); // UUID of created item

Key Features Explained

Parallel Resource Creation

Create multiple resources concurrently for faster deployment:

const [queue, table, role] = await Promise.all([...]);

Environment Variables

Pass resource references to Lambda:

environment: {
  TABLE_NAME: table.tableName,
  QUEUE_URL: queue.url,
}

CORS Configuration

Enable frontend access:

cors: {
  allowOrigins: ["*"],
  allowMethods: ["GET", "POST", "PUT", "DELETE"],
  allowHeaders: ["content-type"],
}

Source Code

View the complete source code: examples/aws-app