Next.js + React
App Router, typed UI, and the shared page system.
Projects / Build log
AI-assisted portfolio build
The site itself is part of the portfolio: a product built through deliberate content modeling, AI-assisted iteration, typed implementation, browser testing, and production release work.
01
PRD and content model
Define audiences, routes, reusable content types, and page states before writing UI.
02
AI-assisted design
Use Codex for layout iteration, copy cleanup, responsive checks, and implementation review.
03
Next.js app shell
Build App Router pages, shared cards, desk objects, travel maps, and typed content modules.
04
APIs and integrations
Wire Mapbox, Google Places data, Apple Music links, PDF assets, and Vercel project settings.
05
Workflows and QA
Run lint, TypeScript, builds, browser checks, map audits, and mobile layout verification.
06
Git and deployment
Commit scoped changes, push the portfolio state, and deploy the verified build through Vercel.
Codex
Planning, code iteration, copy review, responsive checks, and browser QA.
Mapbox + Google Places
Map rendering, checked-in place identity and coordinates, and verified Maps links.
Gemini + local ranking experiments
Tokyo venue-profile experiments; the public planner uses explicit gates and weights rather than an opaque model.
Firebase feedback queue
Optional feedback persistence only when the server-side Firebase configuration is present; otherwise feedback remains local.
Vercel + GitHub
Version control, preview-ready deployments, and production release checks.
Apple Music + public references
Links and source material for the media archive and public-safe case studies.