Yuta Asakura
All Projects

Portfolio V2 — Full-Stack Developer Portfolio

A modern, full-stack portfolio website built with Next.js, TypeScript, and AWS, featuring a custom CMS, image optimization pipeline, and cloud infrastructure.

Role: Solo Developer — Design, Architecture, Documentation, Implementation, DeploymentMar 2026 – Mar 2026
Live DemoSource Code

Tech Stack

Next.jsTypeScriptTailwind CSSPrismaPostgreSQLAWS AmplifyS3CloudFrontCognitoSESSharpZodReact Query

The Problem

Needed a professional portfolio that not only showcases projects but also demonstrates real-world full-stack development and cloud architecture skills beyond frontend frameworks.

The Solution

Built a complete full-stack application with a custom CMS, image processing pipeline, blog system, and cloud infrastructure — all designed, documented, and implemented from scratch following a sprint-based methodology.

Portfolio V2

A comprehensive full-stack portfolio website built from scratch to showcase professional work and technical capabilities.

Features

  • Custom CMS — Complete admin panel for managing all content including projects, blog posts, skills, experience, and site settings
  • Image Pipeline — Sharp-based processing with WebP conversion and multiple variants (thumbnail, medium, large, original) stored in S3 and served through CloudFront
  • Blog System — Markdown editor with live preview, tags, read time calculation, and publishing workflow
  • Contact System — Form with rate limiting, SES email notifications, and admin inbox with read/archive management
  • Authentication — AWS Cognito integration with Google OAuth for secure admin access
  • Performance — Lighthouse 90+ scores with ISR, lazy loading, code splitting, and CDN delivery

Architecture

Built with a modern serverless architecture leveraging AWS services:

  • Hosting: AWS Amplify with preview environments
  • Database: Neon PostgreSQL with Prisma ORM
  • Storage: S3 + CloudFront CDN for images and assets
  • Auth: AWS Cognito with Google OAuth provider
  • Email: AWS SES for transactional emails

Technical Approach

The project followed a documentation-first methodology with 6 detailed sprint guides, comprehensive architecture design, API specifications, and database schema documentation — all created before implementation began. This approach minimized rework and ensured consistent architecture throughout.