Build log / this website

AI-assisted portfolio build

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.

Next.js + React

App Router, typed UI, and the shared page system.

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.