This Personal Website
Client
Myself
When
Q2 2024 - Present
Built with
React
TypeScript
Next.js
Tailwind CSS
Playwright
GitHub Actions
AWS CDK
Amazon S3
CloudFront
Route 53
This site is where I show my work, certifications, teaching, and experience. It started in 2024 as a Next.js app on AWS Amplify and was rebuilt in 2026 as a fully static Next.js export served from Amazon S3 through CloudFront, with the infrastructure defined in AWS CDK and deployed by GitHub Actions through OIDC, so no long-lived AWS keys exist anywhere. The rebuild kept the original look pixel for pixel, checked by a screenshot gate against the live site, then added the teaching pages and these project pages.
Website design is not my strongest skill, so the design is adapted from the Tokyo portfolio template by IB-Themes, moved to Tailwind CSS and trimmed to my taste.
Accomplishments
- Static export on S3 and CloudFront, defined in AWS CDK, with a CloudFront Function for clean URLs and a response headers policy that sets a Content Security Policy
- GitHub Actions deploys staging and production through OIDC with least-privilege roles, and publishes the Playwright report to GitHub Pages
- End-to-end, accessibility (axe), and visual parity suites on Chrome, Safari, Firefox, Android, and iOS: 200 end-to-end checks and 108 screenshot comparisons per run
- Upgraded from Next.js 14 to Next.js 16 and Tailwind 4 with the original look preserved
Still to do
- Set up a Lighthouse audit on every production deployment
- Add a blog
- Add neon mode for the website for a fun and interactive experience and I think it would look cool
