Portfolio Platform

Full-stack, cloud-hosted, production-grade

Overview

Most portfolio sites are just websites. This one is a working demonstration of cloud-native architecture principles applied to a real production workload. Built with Next.js App Router, hosted on S3 with CloudFront edge distribution, and instrumented with CloudWatch for operational visibility. The contact workflow is fully serverless: API Gateway routes submissions through Lambda to SES for delivery. Infrastructure as Code is in progress using Terraform and CloudFormation. Every architectural decision was made the way it would be made in a professional engineering context: availability first, least privilege access, and observable by default.

Key highlights

Next.js App Router with reusable layout and shell components
CI/CD pipeline: GitHub, CodePipeline, and CodeBuild with automatic deploy on push to main
S3 static hosting with CloudFront CDN edge distribution
Serverless contact workflow: API Gateway, Lambda, SES
CloudWatch alarms publishing to SNS for operational alerting
CloudFront access logs delivered to S3, cataloged in Glue, queried with Athena
IAM least-privilege access model throughout

Architecture

High-Level Architecture

Full platform architecture across all 12 components

CI/CD Pipeline Architecture

End-to-end build and deploy pipeline flow

Technology Stack

aws

S3CloudFrontCodePipelineCodeBuildAPI GatewayLambdaSESSNSCloudWatchGlueAthenaWAF

app

Next.jsReactTypeScriptTailwind CSS

tooling

GitHubGitVS CodeTerraformCloudFormation

pipeline

CI/CDCodePipelineCodeBuildGitHub

practices

ServerlessStatic-firstLeast privilege IAMObservabilityIaC

Documents

Click to view all 39 pages

Low-Level Design (LLD) v1.7

39 pages